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

docs-bug(cdkDrag): List examples' auto scroll is not working on devices narrower than 721px #1219

Open
simonzea opened this issue Aug 3, 2023 · 0 comments · May be fixed by #1220
Open

docs-bug(cdkDrag): List examples' auto scroll is not working on devices narrower than 721px #1219

simonzea opened this issue Aug 3, 2023 · 0 comments · May be fixed by #1220

Comments

@simonzea
Copy link

simonzea commented Aug 3, 2023

Documentation Feedback
Dragging a list element of an example like connected sorting group and moving the item near the page border won't trigger auto scroll on pages narrower than 721px. Resize the page to 721px or wider and it will work again. Last time it worked seems to be in vesion 8 and it looks like it's caused by this flex-basis: auto property

Affected documentation page
https://material.angular.io/cdk/drag-drop/examples

this was created in the cdk git as a bug angular/components#26476

simonzea added a commit to simonzea/material.angular.io that referenced this issue Aug 3, 2023
…r#1219)

The flex-basis in the class docs-component-viewer-sidenav-container property was creating problems with the scroll bar in the page https://material.angular.io/cdk/drag-drop/examples for small devices.

Fixes angular#1219 and angular/components#26476
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant