vue-final-modal

vue-final-modal copied to clipboard

Elements inside the modal emits focusout with relatedTarget of the modal

1

I'm not sure whether it's bug or expected behavior, but when I focus out elements inside vue-final-modal, it emits a `focusout` event that has `relatedTarget` field set to the VFM...

kashitaka

Do not inheritAttrs on ModalContainer

1

Actually I have no idea if it is necessary to have attributes on the ModalContainer. If not this PR should solve: https://github.com/vue-final/vue-final-modal/issues/453

FlorianWerndl

Vue warn with Nuxt Devtools enabled on ModalsContainer

1

This is not a bug, more like a question. When using the `` with Nuxt Devtools enabled you get warning like the one below. Is there any change to suppress...

FlorianWerndl

### Version vue-final-modal: v4.5.4 vue: v.3.4.29 ### OS Mac ### Reproduction Link https://github.com/Vant0/formkit-vue-final-modal ### Steps to reproduce If you open the modal, each FormKit input in the background is starting...

Vant0

Fixed type safety in props for Ref values.

1

Issue: #468 ## Resolves this problem ``` const reactiveLoading = ref(false) const { open: openModal, close: closeModal } = useModal({ component: LoadingComponent, attrs: { loading: reactiveLoading, }, }) ``` _Warning_...

milospp

### Version vue-final-modal: 4.5.5 vue: 3.5.12 nuxt: 3.14.159 ### OS Mac Sequoia 15.5 (24F74) ### Reproduction Link Cannot reproduce in stackblitz (doesn't see types from lib) ### Steps to reproduce...

milospp

I don't report that as a bug, because it's really a specific usecase that I'm having here and I found a workaround. This might just help the next one having...

jorinho

### Is your feature request related to a problem? Please describe. Currently, the modal zIndex starts at `1000`. I'm using `vfm` with `floating-vue` library which starts their zIndex at `10000`....

mrleblanc101

`useModalSlot` and `useModal` typings don't allow reactive values in `attrs`, but it looks like they work?

1

### Version vue-final-modal: v4.5.5 vue: v3.5.13 nuxt: v3.15.4 ### Example ```ts import { ModalConfirm } from '#components'; /* Normally this would be exported from e.g. /components/Modal/Confirm/modalConfirmProps.ts and used in /components/Modal/Confirm/ModalConfirm.vue...

Anoesj

Adding an `html` or `body` class when modal is opened

1

Hi, I'd like to add a body class when a modal is opened, this is reposition my Toast container. My toast are offset under my fixed header:  But if...

mrleblanc101