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

Model window ( including dialogue ) open and right side scroll bar of browser disappears #864

Closed
bujji1 opened this issue Sep 6, 2017 · 5 comments
Milestone

Comments

@bujji1
Copy link

bujji1 commented Sep 6, 2017

Software version
Quasar: 0.14.2

This is not exactly an issue but distracting the user . When I open a dialogue window ( any model ) the browser right side scroll bar disappears and so the contents behind the model window ( the parent window contents ) are moving right side and when we close the model the scroll bar again comes up and the content are moving to the left side . So if I have really good content the content moving right and left is really distracting .

You can try this on the below link . Open it and reduce the reduce the browser size until you get right side scroll bar and click on any dialogue and you will see the problem I am talking
http://quasar-framework.org/quasar-play/android/index.html#/showcase/popups/dialog

This was not the case in our old version :)

Thank You

@kevingermain
Copy link

Yes it's true, you can try that in your CSS:

body.with-modal {
overflow: inherit
}

@rstoenescu
Copy link
Member

Yes, this can be improved. Will do.

@rstoenescu
Copy link
Member

The main reason for this is for user to not be able to scroll the background (the page underneath the Modal), since the Modal has full attention of user.

rstoenescu added a commit that referenced this issue Sep 9, 2017
rstoenescu added a commit that referenced this issue Sep 9, 2017
@rstoenescu rstoenescu added this to the v0.14.3 milestone Sep 9, 2017
@rstoenescu
Copy link
Member

Available in edge and future v0.14.3.

@alexandesigner
Copy link
Contributor

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

No branches or pull requests

4 participants