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

[MdSelect] scrolling issue #1330

Open
garstikaitis opened this issue Dec 22, 2017 · 9 comments
Open

[MdSelect] scrolling issue #1330

garstikaitis opened this issue Dec 22, 2017 · 9 comments
Assignees

Comments

@garstikaitis
Copy link

When mdSelect component is in expanded state and user scrolls the page, the component still persists in the page. I tested that in documentation page and the outcome is the same. Attaching a gif below:
recording

Is there any fix planned for it?

@Samuell1
Copy link
Member

This is feature not a bug

@garstikaitis
Copy link
Author

@Samuell1 Perhaps there should be an option to add a wrapper around the component which will prevent this scrolling behaviour?

@Samuell1
Copy link
Member

@garstikaitis we can add option to close it automatically if you scroll

@marcosmoura
Copy link
Member

I will create a overlay element that will prevent it from scroll, like the regular select tag.

@marcosmoura marcosmoura self-assigned this Dec 22, 2017
@Samuell1 Samuell1 changed the title mdSelect scrolling issue [MdSelect] scrolling issue Dec 25, 2017
@Samuell1
Copy link
Member

@marcosmoura this needs to be added for MdPopover as option, yes?

@roetherm
Copy link

Is there any CSS/SASS solution, that deactivate the scroll-effect on md-select-menu?
Maybe will-change: none or something like that?
Thank you for help.

@Samuell1
Copy link
Member

@roetherm you mean scrollbar? then overflow: hidden

@roetherm
Copy link

@Samuell1 thank you for your help.
I didn't mean the scrollbar, i mean that the whole select-menu is static, so that the menu doesn't scroll with the page (like @garstikaitis issue).

@Samuell1
Copy link
Member

@roetherm like @marcosmoura said that needs to be added to prevent to do that

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

No branches or pull requests

4 participants