Skip to content
This repository has been archived by the owner on Dec 18, 2024. It is now read-only.

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
@simonzea
fix: auto scroll is not working on devices narrower than 721px(angula…
fa576dc 
…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
@simonzea simonzea linked a pull request Aug 3, 2023 that will close this issue
Open
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: auto scroll is not working on devices narrower than 721px(#1219) simonzea/material.angular.io
1 participant
@simonzea