Modal will not close when clicking outside it

[nasa8x]

When using Modal to edit a status or content like on Facebook, but if you accidentally click out, immediately Modal will close and you have to edit from the beginning, this is really inconvenient.

This utility is quite simple but important, hope to be updated soon.

Thank you!

[nasa8x]

https://github.com/tailwindlabs/headlessui/blob/main/packages/%40headlessui-vue/src/components/dialog/dialog.ts#L199

if(outsideClick){ useWindowEvent('mousedown', event => { let target = event.target as HTMLElement if (dialogState.value !== DialogStates.Open) return if (containers.value.size !== 1) return if (contains(containers.value, target)) return api.close() nextTick(() => target?.focus()) }) }

[paulwongx]

I second this! It's a very important feature in my opinion, as so many people are using this as form inputs. @nasa8x you haven't found a way to override this behavior right?

[nasa8x]

It's here: #613

[paulwongx]

Thanks. Alternatively someone else provided this solution
#621