Vue-js-modal: maxWidth doesn't work on 1.3.31
Problem:
I can't set maxWith.
I try:
<modal name="onboard" :max-width="302">
<modal name="onboard" :maxWidth="302">
Am I missing something here? Thanks
MacgyverMartins
All 4 comments
Hi @MacgyverMartins , I think I had a similar problem. Try adding :adaptive="true"!
If adaptive is false (which is the default), the internal logic of the modal will only use your width-attribute to calculate the width and position of the modal. With adaptive=true it will include maxWidth for the calculations. By the way: With adaptive=true, it will automatically set the window-width as maximum width which is nice for responsive behavior.
Sebiworld
on 15 May 2019
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
![stale[bot] picture](https://avatars.githubusercontent.com/in/1724?v=4&s=40)
stale[bot]
on 15 Jun 2019
This issue has been automatically closed.
stale[bot]
on 22 Jun 2019
This should be mentioned in the docs.
"If adaptive is false (which is the default), the internal logic of the modal will only use your width-attribute to calculate the width and position of the modal. With adaptive=true it will include maxWidth for the calculations. By the way: With adaptive=true, it will automatically set the window-width as maximum width which is nice for responsive behavior."
ibdf
on 21 Oct 2019
Related issues
bicstone
路
4Comments
dland512
路
4Comments
a3020
路
5Comments
heykkyu
路
4Comments
uptownhr
路
4Comments
Most helpful comment
Hi @MacgyverMartins , I think I had a similar problem. Try adding
:adaptive="true"!If adaptive is false (which is the default), the internal logic of the modal will only use your width-attribute to calculate the width and position of the modal. With adaptive=true it will include maxWidth for the calculations. By the way: With adaptive=true, it will automatically set the window-width as maximum width which is nice for responsive behavior.