Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[5.x]: Please fix sidebar nav overscroll effects on main content area #14611

Closed
AndrewMac opened this issue Mar 16, 2024 · 2 comments
Closed
Assignees
Labels

Comments

@AndrewMac
Copy link

AndrewMac commented Mar 16, 2024

What happened?

If the sidebar nav has a lot of entries (for example, small vertical height or a lot of plugins) and thus overflows, if you scroll to the bottom of the nav and continue to scroll (overscroll), the content area on the right begins to scroll.

To stop this unwanted behaviour, I have updated the sidebar nav CSS with an 'overscroll-behavior' declaration:

.global-sidebar__nav {
overscroll-behavior: contain;
}

If that works for you, could you please consider adding that … or coming up with a better solution to stop the unwanted scrolling effects.

See https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior for more info.

Thanks heaps!

Craft CMS version

Craft CMS 5.0.0-beta.8

PHP version

8.3.2

Operating system and version

macOS Sonoma 14.4

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

@AndrewMac AndrewMac added the bug label Mar 16, 2024
brianjhanson added a commit that referenced this issue Mar 16, 2024
@brianjhanson
Copy link
Contributor

Thanks for reporting! I've opened #14614 to address this.

@brianjhanson brianjhanson self-assigned this Mar 16, 2024
@brandonkelly
Copy link
Member

5.0.0-beta.10 is out with that fix. Thanks again!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants