Vuetify: you cannot scroll down in a large dialog

Created on 31 May 2017  路  9Comments  路  Source: vuetifyjs/vuetify

Steps to reproduce

  • create a dialog with an height > window.height
  • try to scroll down to the bottom of the dialog

Versions

vuetify 0.12.2

What is expected ?

The dialog should be scrollable and the body shouldn't be scrollable
Bootstrap example: https://v4-alpha.getbootstrap.com/components/modal/#scrolling-long-content

What is actually happening ?

you cannot scroll to the bottom of the dialog but to the bottom of the content

Reproduction Link

https://codepen.io/kpilard/pen/aWeLjp

bug enhancement

Most helpful comment

I apologize, I have no idea why but it looks like my fix is not there/doesn't work.

All 9 comments

@johnleider Thank you for the fast fix. But the codepen still doesnt work. Do I have to change something in the codepen?

This hasn't been released yet.

Well looks like I'm wrong. Let me see why.

I apologize, I have no idea why but it looks like my fix is not there/doesn't work.

@johnleider no problem. Thank you for your fast response. I was just confused

This is confirmed fixed and now has a specific example within the docs.

Scrolling in dialogues is not working for me (version 0.13).

I've tried per the example but seem to be having no luck.

The API documentation refers to a v-card-row which I assume is a deprecated element?

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings

Related issues

gluons picture gluons  路  3Comments

chriswa picture chriswa  路  3Comments

dschreij picture dschreij  路  3Comments

smousa picture smousa  路  3Comments

paladin2005 picture paladin2005  路  3Comments