I'm building a sidebar with the Transition and Dialog Headless UI components. Transition docs When I break out the code that's passed between <Transition.Child> to it's own component. I get t...

I'm making a react app with tailwindcss, and I want to make a hidden mobile navbar and when the user click on the icon it appears. So I want to make a transition while the menu appears. I use: Rea...

I am currently developing a UI Library using React, Tailwind, HeadlessUI and Storybook. Once I finished the components, and made sure that they worked in Storybook and on a react dev server, I buil...

I have this piece of code where I am trying to wire up the Combobox Component from Headless UI with react-hook-form. Whenever I try to enter a different value and select a different option it gives...

I've just started using Headless UI. I'm trying to use the Disclosure component from Headless UI to render my job experiences. Basically, I need "n" number of Disclosures which will be dy...

can you guys help me with this problem I am having with first-child and last-child while using tailwind css. I have been debugging but cannot see the problem. Here is what the radio buttons look li...

In my Jest tests, I'd like to mock the animations of the Transition and Dialog components of @headlessui/react to speed up my tests. I currently just resort to await screen.findBy's to wait for the...

my problem is simple ... I'm using HeadlessUI's Dialog component for React in my app and when I click out of modal I wish it wouldn't close. In the documentation, there is the Dialog. Overlay param...

How do i change the internal state of the Popover with a function outside the component: Like the openPopover function i created below. const openPopover = () => { setPopoverOpen(true) // Examp...

I build an app in React and I have this dropdown from Tailwind UI which is opened on click events and I want to make it open on mouse hover too. <Menu as="div" className="relative...

To make the accordion component with Headless UI, I have used Disclosure component. But I have a problem to control the collapse/expand state for it's siblings. So, I want to close other siblings w...

I'm working on this component library that uses tsdx, all of the components work fine except for this one. It's a dialog that uses the @headlessui/react lib, and it's Dialog component. It's exporte...

I'm struggling to get a Headless UI Listbox implementation working successfully with Formik. After reading all the docs and scouring StackOverflow, I'm yet to find an answer. I can get the Listbox ...

I'm having trouble opening one of the 2 Disclosure. Attached below is what trying to achieve this and when I add the static prop it keeps it open indefinitely.