can’t click on anything after closing dialog component? #headlessui

Tailwind CSS @headlessui JavaScript Daily react-europe

Photo by Elisa Ventur on Unsplash

the Dialog component does not seem to clean up itself when combined with Transition (like the TailwindUI code does).

i was able to work around this by passing the Dialogcomponent, open prop as well as the Transition that wraps it.

e.g., from this:

<Transition.Root show={isOpen} as={Fragment}>
      <Dialog as="div" className="relative z-30" onClose={onClose}>

to this:

<Transition.Root show={isOpen} as={Fragment}>
      <Dialog as="div" className="relative z-30" open={isOpen} onClose={onClose}> 

if you liked this article or found it useful, then a follow would be much appreciated. Alternatively, you could buy me a coffee! All the support is much appreciated. :-)

https://www.linkedin.com/in/chinmay-kude

Headless UI

GitHub - tailwindlabs/headlessui: Completely unstyled, fully accessible UI components, designed to…