vue-final / vue-final-modal

🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
https://vue-final-modal.org
MIT License
915 stars 99 forks source link

When the DRAG is turned on, How to set initial width and height position #327

Closed ishaiavrahami closed 1 year ago

ishaiavrahami commented 1 year ago

When drag is turned on the modal doesn't add style to content only after first drag. Any reason i'm experiencing this?

Version

vue-final-modal: 3.4.4 vue: 3

OS

Mac

Reproduction Link

Steps to reproduce

Set :min-width and look at the content style which should include min-width

What is Expected?

What is actually happening?

hunterliu1003 commented 1 year ago

@ishaiavrahami

You can just override the initial style of .vfm__content to achieve this. For example:

.vfm__content {
  top: 10px;
  left: 10px;
  width: 300px;
  height: 200px;
}