alternative disableBodyScroll

[silannisik]

Hi everyone,

I noticed that the disableBodyScroll prop in the AppLayout component has been deprecated, and I’m trying to understand the reasoning behind this change and what the recommended alternative is.

I’m currently dealing with a scrolling issue where the sidebar scroll behaves incorrectly on Safari, and the burger menu scrolls the body on all browsers. I attempted to resolve this by adjusting the positioning of the outer container, but that didn’t solve the problem. The only solution that worked reliably was using disableBodyScroll.

However, since this prop is deprecated and its use is discouraged, I’m concerned about relying on it long-term. I’d really appreciate any guidance on the recommended approach to handle this scenario, or how others have resolved similar scrolling issues without using disableBodyScroll.

Thanks in advance for your help!

[SpyZzey]

Hey,
The property was initially implemented for some niche use-cases in the AWS Consoles. It can cause issues with new features, which is why it has been deprecated. Could you share some screenshots/videos, and potentially a minimal reproducible example?