vue-js-modal icon indicating copy to clipboard operation
vue-js-modal copied to clipboard

Auto height option to expand only bottom of modal

Open Instinctlol opened this issue 5 years ago • 3 comments

When setting height="auto" prop the modal is not expanding in the same way as in your gif. Instead, it looks like the top and bottom part of the modal are expanded by the same amount. This is problematic, because my modal (where I'm using https://github.com/dabernathy89/vue-query-builder ) includes a lot of buttons and every time the modal gets expanded, the clicked button shifts away from the pointer. This is annoying, because if you want to press that button repeatedly, you first have to move your mouse to that same button again.

Expected behavior:

Actual behavior:

Instinctlol avatar Mar 04 '20 14:03 Instinctlol

I have the same problem. When you open a modal that is higher than the window height, the modal is centered vertically. I had expected it to "scroll to the top" of the modal content

Anoesj avatar Mar 06 '20 11:03 Anoesj

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] avatar Apr 05 '20 11:04 stale[bot]

Kind of similar issue as @Anoesj for me, but in my case it goes all the way to the bottom of the modal

UPDATE: the issue causing the modal to start from the bottom was caused by a transition we had. Removing the transition though replicates the behavior described by @Anoesj

amilano avatar Apr 09 '20 18:04 amilano