Skip to content

Update dependency @headlessui/react to v1.7.4 - autoclosed

Renovate requested to merge renovate/headlessui-react-1.x into main

This MR contains the following updates:

Package Change Age Adoption Passing Confidence
@headlessui/react ^1.4.3 -> 1.7.4 age adoption passing confidence

Release Notes



Compare Source

  • 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)
  • Warn when changing components between controlled and uncontrolled (#​1878)


Compare Source

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


Compare Source

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


Compare Source

  • 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)


Compare Source

  • 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)
  • Don't scroll lock when a Transition + Dialog is mounted but hidden (#​1681)
  • Allow Popover close to be passed directly to onClick handlers (#​1696)
  • Improve outside click on Safari iOS (#​1712)
  • Improve event handler merging (#​1715)
  • Fix incorrect scrolling to the bottom when opening a Dialog (#​1716)
  • Improve Combobox re-opening keyboard issue on mobile (#​1732)
  • Ensure Disclosure.Panel is properly linked (#​1747)
  • Only select the active option when using "singular" mode when pressing <tab> in the Combobox component (#​1750)
  • Improve the types of the Combobox component (#​1761)
  • Only restore focus to the Menu.Button if necessary when activating a Menu.Option (#​1782)
  • Don't scroll when wrapping around in focus trap (#​1789)
  • Fix Transition component's incorrect cleanup and order of events (#​1803)
  • Ensure enter transitions work when using unmount={false} (#​1811)
  • Improve accessibility when announcing Listbox.Option and Combobox.Option components (#​1812)
  • Fix ref stealing from children (#​1820)
  • Expose the value from the Combobox and Listbox components render prop (#​1822)
  • Improve scroll lock on iOS (#​1824)
  • Fix maximum call stack size exceeded error on Tab component when using as={Fragment} (#​1826)
  • Fix "blank" screen on initial load of Transition component (#​1823)


Compare Source

  • Ensure CMD+Backspace works in nullable mode for Combobox component (#​1617)


Compare Source

  • Fix incorrect transitionend/transitioncancel events for the Transition component (#​1537)
  • Improve outside click of Dialog component (#​1546)
  • Detect outside clicks from within <iframe> elements (#​1552)
  • Improve Combobox input cursor position (#​1574)
  • Fix scrolling issue in Tab component when using arrow keys (#​1584)


Compare Source

  • Ensure Escape propagates correctly in Combobox component (#​1511)
  • Remove leftover code in Combobox component (#​1514)
  • Fix event handlers with arity > 1 (#​1515)
  • Fix transition enter bug (#​1519)
  • Fix render prop data in RadioGroup component (#​1522)


Compare Source

  • Allow to override the type on the Combobox.Input (#​1476)
  • Ensure the the <Popover.Panel focus> closes correctly (#​1477)
  • Only render the FocusSentinel if required in the Tabs component (#​1493)
  • Ensure the Transition stops once DOM Nodes are hidden (#​1500)


Compare Source

  • Fix closing of Popover.Panel in React 18 (#​1409)
  • Ignore Escape when event got prevented in Dialog component (#​1424)
  • Improve FocusTrap behaviour (#​1432)
  • Simplify Popover Tab logic by using sentinel nodes instead of keydown event interception (#​1440)
  • Ensure the Popover.Panel is clickable without closing the Popover (#​1443)
  • Improve "Scroll lock" scrollbar width for Dialog component (#​1457)
  • Make the ref optional in the Popover component (#​1465)
  • Ensure the ref is forwarded on the Transition.Child component (#​1473)


Compare Source

  • Fix hydration issue with Tab component (#​1393)


Compare Source

  • Ensure that you can add the ref prop to all components (#​1116)
  • Ensure links are triggered inside Popover.Panel components (#​1153)
  • Improve SSR for Tab component (#​1155)
  • Fix hover scroll issue in Listbox, Combobox and Menu components (#​1161)
  • Guarantee DOM sort order when performing Listbox, Combobox and Menu actions (#​1168)
  • Fix <Transition> flickering issue (#​1118)
  • Improve outside click support (#​1175)
  • Ensure that appear prop on the <Transition> component works regardless of multiple rerenders (#​1179)
  • Reset Combobox.Input when the value gets reset (#​1181)
  • Fix double beforeEnter callback on the <Transition> component caused by SSR (#​1183)
  • Adjust active item/option index on Listbox, Combobox and Menu components (#​1184)
  • Only activate the Tab on mouseup (#​1192)
  • Ignore "outside click" on removed elements (#​1193)
  • Remove focus() from Listbox.Option (#​1218)
  • Improve some internal code (#​1221)
  • Use ownerDocument instead of document (#​1158)
  • Ensure focus trapping plays well with the Tab and Dialog components (#​1231)
  • Improve syncing of Combobox.Input value (#​1248)
  • Fix tree-shaking support (#​1247)
  • Stop propagation on the Popover.Button (#​1263)
  • Fix incorrect active option in the Listbox and Combobox components (#​1264)
  • Properly merge incoming props (#​1265)
  • Fix incorrect closing while interacting with third party libraries in Dialog component (#​1268)
  • Mimic browser select on focus when navigating the Tab component (#​1272)
  • Ensure that there is always an active option in the Combobox (#​1279, #​1281)
  • Support classic form submissions in RadioGroup, Switch and Combobox components (#​1285)
  • Add React 18 compatibility (#​1326)
  • Fix open/closed state issue in Dialog (#​1360)
  • Add classic form submission compatibility via new hidden inputs (#​1214)
  • Add multiple value support to Listbox and Combobox components (#​1243, #​1355)
  • Add support for clearing the value of a Combobox (#​1295)
  • Add Dialog.Backdrop and Dialog.Panel components (#​1333)


📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever MR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this MR and you won't be reminded about this update again.

  • If you want to rebase/retry this MR, click this checkbox.

This MR has been generated by Renovate Bot.

Merge request reports