Headless UI

Fixed

• Don't break overflow when multiple dialogs are open at the same time (#2215)

Fixed

• Fix SSR tab rendering on React 17 (#2102)
• Fix arrow key handling in Tab (after DOM order changes) (#2145)
• Fix false positive warning about using multiple <Popover.Button> components (#2146)
• Fix Tab key with non focusable elements in Popover.Panel (#2147)
• Fix false positive warning when using <Popover.Button /> in React 17 (#2163)
• Fix failed to removeChild on Node bug (#2164)
• Don’t overwrite classes during SSR when rendering fragments (#2173)
• Improve Combobox accessibility (#2153)
• Fix crash when reading headlessuiFocusGuard of relatedTarget in the FocusTrap component (#2203)
• Fix FocusTrap in Dialog when there is only 1 focusable element (#2172)
• Improve Tabs wrapping around when controlling the component and overflowing the selectedIndex (#2213)
• Fix shadow-root bug closing Dialog containers (#2217)

Added

• Allow setting tabIndex on the Tab.Panel (#2214)

Fixed

• Ensure disabled="false" is not incorrectly passed to the underlying DOM Node (#2138)
• Fix arrow key handling in Tab (after DOM order changes) (#2145)
• Fix Tab key with non focusable elements in Popover.Panel (#2147)
• Don’t overwrite classes during SSR when rendering fragments (#2173)
• Improve Combobox accessibility (#2153)
• Fix crash when reading headlessuiFocusGuard of relatedTarget in the FocusTrap component (#2203)
• Fix FocusTrap in Dialog when there is only 1 focusable element (#2172)
• Improve Tabs wrapping around when controlling the component and overflowing the selectedIndex (#2213)
• Fix shadow-root bug closing Dialog containers (#2217)

Added

• Allow setting tabIndex on the Tab.Panel (#2214)

Changed

• Adjust SSR detection mechanism (#2102)

Fixed

• Improve scroll restoration after Dialog closes (b20e48dd)

Fixed

• Improve scroll restoration after Dialog closes (b20e48dd)

Fixed

• Fix regression where displayValue crashes (#2087)
• Fix displayValue syncing when Combobox.Input is unmounted and re-mounted in different trees (#2090)
• Fix FocusTrap escape due to strange tabindex values (#2093)
• Improve scroll locking on iOS (#2100, 28234b0e)

Fixed

• Fix regression where displayValue crashes (#2087)
• Fix displayValue syncing when Combobox.Input is unmounted and re-mounted in different trees (#2090)
• Fix FocusTrap escape due to strange tabindex values (#2093)
• Improve scroll locking on iOS (#2100, 28234b0e)

Fixed

• Reset form-like components when the parent <form> resets (#2004)
• Add warning when using <Popover.Button /> multiple times (#2007)
• Ensure Popover doesn't crash when focus is going to window (#2019)
• Ensure shift+home and shift+end works as expected in the Combobox.Input component (#2024)
• Improve syncing of the Combobox.Input value (#2042)
• Fix crash when using multiple mode without value prop (uncontrolled) for Listbox and Combobox components (#2058)
• Apply enter and enterFrom classes in SSR for Transition component (#2059)
• Allow passing in your own id prop (#2060)
• Fix Dialog unmounting problem due to incorrect transitioncancel event in the Transition component on Android (#2071)
• Ignore pointer events in Listbox, Menu, and Combobox when cursor hasn't moved (#2069)
• Allow clicks inside dialog panel when target is inside shadow root (#2079)

Fixed

• Reset form-like components when the parent <form> resets (#2004)
• Ensure Popover doesn't crash when focus is going to window (#2019)
• Ensure shift+home and shift+end works as expected in the ComboboxInput component (#2024)
• Improve syncing of the ComboboxInput value (#2042)
• Fix crash when using multiple mode without value prop (uncontrolled) for Listbox and Combobox components (#2058)
• Allow passing in your own id prop (#2060)
• Add null as a valid type for Listbox and Combobox in Vue (#2064, #2067)
• Improve SSR for Tabs in Vue (#2068)
• Ignore pointer events in Listbox, Menu, and Combobox when cursor hasn't moved (#2069)
• Allow clicks inside dialog panel when target is inside shadow root (#2079)

Fixed

• Move tailwindcss to devDependencies (#2040)

Fixed

• Fix <Popover.Button as={Fragment} /> crash (#1889)
• Expose close function for Menu and Menu.Item components (#1897)
• Fix useOutsideClick, add improvements for ShadowDOM (#1914)
• Fire <Combobox.Input>'s onChange handler when changing the value internally (#1916)
• Add client-only to mark everything as client components (#1981)

Added

• Warn when changing components between controlled and uncontrolled (#1878)

Fixed

• Expose close function for Menu and MenuItem components (#1897)
• Fix useOutsideClick, add improvements for ShadowDOM (#1914)
• Prevent default slot warning when using a component for as prop (#1915)
• Fire <ComboboxInput>'s @change handler when changing the value internally (#1916)

Fixed

• Improve Portal detection for Popover components (#1842)
• Fix useOutsideClick swallowing events inside ShadowDOM (#1876)
• Fix Tab incorrectly activating on focus event (#1887)

Fixed

• Call displayValue with a v-model of ref(undefined) on ComboboxInput (#1865)
• Improve Portal detection for Popover components (#1842)
• Fix crash when children are undefined (#1885)
• Fix useOutsideClick swallowing events inside ShadowDOM (#1876)
• Fix Tab incorrectly activating on focus event (#1887)

Fixed

• Prevent option selection in ComboboxInput while composing (#1850)
• Ensure we handle the static prop in TabPanel components correctly (#1856)

Fixed

• Prevent option selection in Combobox.Input while composing (#1850)
• Ensure we handle the static prop in Tab.Panel components correctly (#1856)

Fixed

• Improve iOS scroll locking (#1830)
• Add <fieldset disabled> check to radio group options in React (#1835)
• Ensure Tab order stays consistent, and the currently active Tab stays active (#1837)
• Ensure Combobox.Label is properly linked when rendered after Combobox.Button and Combobox.Input components (#1838)
• Remove forceRerender from Tab component (#1846)

Fixed

• Improve iOS scroll locking (#1830)
• Ensure Tab order stays consistent, and the currently active Tab stays active (#1837)

Fixed

• Fix bracket order of not variants (#1621)

Added

• Add by prop for Listbox, Combobox and RadioGroup (#1482, #1717, #1814, #1815)
• Make form components uncontrollable (#1683)
• Add @headlessui/tailwindcss plugin (#1487)

Fixed

• Fixed SSR support on Deno (#1671)
• Don’t close dialog when opened during mouse up event (#1667)
• Don’t close dialog when drag ends outside dialog (#1667)
• Fix outside clicks to close dialog when nested, unopened dialogs are present (#1667)
• Close Menu component when using tab key (#1673)
• Resync input when display value changes (#1679, #1755)
• Ensure controlled Tabs don't change automagically (#1680)
• Improve outside click on Safari iOS (#1712)
• Improve event handler merging (#1715)
• Fix incorrect scrolling to the bottom when opening a Dialog (#1716)
• Don't overwrite element.focus() on <PopoverPanel> (#1719)
• Improve Combobox re-opening keyboard issue on mobile (#1732)
• Only select the active option when using "singular" mode when pressing <tab> in the Combobox component (#1750)
• Only restore focus to the MenuButton if necessary when activating a MenuOption (#1782)
• Don't scroll when wrapping around in focus trap (#1789)
• Improve accessibility when announcing ListboxOption and ComboboxOption components (#1812)
• Expose the value from the Combobox and Listbox components slot (#1822)
• Improve scroll lock on iOS (#1824)