Issue: Background Scroll Bleed When Drawer Is Open on iOS
Environment
- Device: iPhone (iOS Safari)
- Platform: Mobile Web
- Component: Left-side Drawer
Problem Description
When the drawer is opened on iOS Safari:
Initially, the drawer scrolls correctly.
After reaching the top or bottom of the drawer content, continued scrolling causes:
The background/home screen to start scrolling.
The underlying page content becomes visible and moves.
In some cases, the background scrolls behind the on-screen keyboard.
This behavior only occurs on iOS devices.
Android and desktop browsers behave correctly.
Expected Behavior
When the drawer is open:
Background content should remain completely fixed.
Only the drawer content should be scrollable.
No scroll chaining to the underlying page.
No background movement behind the keyboard.

Issue: Background Scroll Bleed When Drawer Is Open on iOS
Environment
Problem Description
When the drawer is opened on iOS Safari:
Initially, the drawer scrolls correctly.
After reaching the top or bottom of the drawer content, continued scrolling causes:
The background/home screen to start scrolling.
The underlying page content becomes visible and moves.
In some cases, the background scrolls behind the on-screen keyboard.
This behavior only occurs on iOS devices.
Android and desktop browsers behave correctly.
Expected Behavior
When the drawer is open:
Background content should remain completely fixed.
Only the drawer content should be scrollable.
No scroll chaining to the underlying page.
No background movement behind the keyboard.