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

Modal overlay / scroll issue on iOS #313

Closed
boydcl opened this issue Jan 10, 2017 · 4 comments
Closed

Modal overlay / scroll issue on iOS #313

boydcl opened this issue Jan 10, 2017 · 4 comments
Milestone

Comments

@boydcl
Copy link
Contributor

boydcl commented Jan 10, 2017

There seems to be a bug in the modal component on iOS. It is present in both iOS and Material theme when viewed on an iOS device.

The parents layout is being displayed over the modal, but it should be underneath it. Also scrolling is glitchy and not 'locked' inside the modal.

I can confirm:

  • Bug is present in Cordova app on iOS
  • Bug is present in Safari on iOS
  • Bug is not present in Chrome / Safari on OSX.
  • Bug is not present on Android

See screencast of the modals behaviour here: https://giphy.com/gifs/GCJMZ52ZPa9zy

Let me know if I can help debug this issue any further.

@rstoenescu
Copy link
Member

Will look into it.

@rstoenescu rstoenescu added this to the v0.12.1 milestone Jan 10, 2017
@rstoenescu
Copy link
Member

Fix available in Quasar edge. Will also be available on next Quasar version.
Thank you so much for reporting this!

@boydcl
Copy link
Contributor Author

boydcl commented Jan 10, 2017

Awesome! Any details on why this was only occurring on iOS devices? I'm curious.

@rstoenescu
Copy link
Member

Main reason would be that iOS safari sux bad. It's the new IE. It isn't compliant regarding z-index in certain situations.

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