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
931 stars 99 forks source link

Any thoughts on supporting `<dialog />`? #419

Open flexchar opened 10 months ago

flexchar commented 10 months ago

It seems that the dialog element is widely supported and it brings benefits being a native element. Any thoughts if this could be supported within the project?

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

hunterliu1003 commented 10 months ago

@flexchar Thank you to bring this up! I've been thinking about supporting composable like useDialog() based on <dialog /> for a while. Basically, useModal() and VueFinalModal.vue kind of implementing the similar behaviors to <dialog /> element. Recently I will start implementing v5 and put useDialog() and VueFinalDialog.vue into the new feature list.

flexchar commented 10 months ago

To be completely honest, after I played with both I figured that <dialog /> is essentially an alternative rather than a base. The only problem is that one cannot control where the models will be based - that's what <ModelsContainer /> does now.

However other than that, I'd say that it may completely replace the need for libraries in many cases and will allow reclaim maintainers their time. :)