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

prevent scroll will not work on Iphone #4497

Closed
jehadja opened this issue Jun 28, 2019 · 1 comment
Closed

prevent scroll will not work on Iphone #4497

jehadja opened this issue Jun 28, 2019 · 1 comment

Comments

@jehadja
Copy link

jehadja commented Jun 28, 2019

prevent scroll class which used on open dialog for example have overflow:hidden ;
which is quit correct for browser and windows .
unfortunately its will not work for iPhone 9 +
its a famous bug
reference
https://stackoverflow.com/questions/3047337/does-overflowhidden-applied-to-body-work-on-iphone-safari

.q-body--fullscreen-mixin, .q-body--prevent-scroll {
overflow: hidden !important;
}

i just add fixed for layout on open dialog etc...
and it works perfectly

.q-body--prevent-scroll
  .q-layout
    position: fixed

i actually need it for putting carousel inside dialog which was not working correctly because scroll can go x,y
image
now every thing work correct hope it will help !

@rstoenescu
Copy link
Member

Fix will be available in 1.0.6

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

2 participants