Vue-js-modal: maxWidth not working

[conrado-l]

Hello there, great plugin! I'm trying to set the width of the modal to the 100% so in mobile it covers the full screen but i want to limit it for desktop usage at 800px. It´s not working, the maxWidth prop is not being applied.

<modal width="100%" height="auto" maxWidth="800" :scrollable="true" :adaptative="true" name="new-timeline-event">

Am i missing something here? Thanks for reading!

[euvl]

Hey, can you try :max-width="800" instead of maxWIdth="800" ?

[conrado-l]

Unfortunatly it is still not working, if set to width="100%" and :max-width="800" the modal will be 100% of the screen
<modal width="100%" height="auto" :max-width="800" :scrollable="true" :adaptative="true" name="new-timeline-event">

[nlien]

@conradolk Just want to point out that the adaptive property is misspelled in your example. It may not be a connection with your problem, just sayin'...

[callumisitt]

I was having the same problem and setting adaptive to true fixed it

[conrado-l]

Thanks both, setting adaptive to true fixed it! And thanks to euvl for the _awesome_ plugin.

[euvl]

👍 THanks!

[RobertCordes]

The following still doesn't work for me:

<v-dialog width="90%" :max-width="500" :adaptive="true" />