-
Notifications
You must be signed in to change notification settings - Fork 6.7k
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 #26476
Comments
Hey @Totati , i think the issue is fixed now. You can check and close this issue. |
@Aditya-13, I can reproduce it with version 16.0.2 still. |
@Totati hey, is anybody working on it ? Otherwise i can try to fix it if you dont mind. |
Hey ! what i found looking into this bug is that is no a problem whit angular material cdk but with the web page where is displayed (https://github.com/angular/material.angular.io). There is a media class call.
and this is affecting the auto scroll, if we remove the auto property (flex-basis).
works as expected, i will try to create an issue and a pr there. |
…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
I tried in 17.0.5 and It's working as expected. please check and close this issue. |
@Xender007 it's still not working for me, did you shrink your viewport? |
@Xender007 I was able to reproduce the bug on version 17.3.1 When I inspect I see that the css class hasn't been updated. @simonzea was your fix merged for release? |
@Totati Is it still not working? I couldn't reproduce and I didn't find the docs-component-viewer-sidenav-container class |
I can reproduce it in 17.3.6 and 18.0.0 |
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
propertyAffected documentation page
https://material.angular.io/cdk/drag-drop/examples
The text was updated successfully, but these errors were encountered: