Headless UI

Fixes

• Fix missing key binding in examples (#1036, #1006)
• Fix slice => splice typo in Tabs component (#1037, #986)
• Ensure correct DOM node order when performing focus actions (#1038)

Added

• Allow for TabGroup to be controllable (#909, #970)

Fixes

• Stop the event from propagating in the Popover component (#798)
• Allow clicking on elements inside a Dialog.Overlay (#816)
• Ensure interactability with Popover.Panel contents when using the static prop (#857)
• Fix initial transition in Transition component (#882)

Fixes

• Stop the event from propagating in the Popover component (#798)
• Allow clicking on elements inside a DialogOverlay (#816)
• Fix SSR crash because of useWindowEvent (#817)
• Improve tree shaking (#859)
• Add type="button" to Tabs component (#912)

Fixes

• Only add type=button to real buttons (#709)
• Fix escape bug not closing Dialog after clicking in Dialog (#754)
• Use console.warn instead of throwing an error when there are no focusable elements (#775)

Fixes

• Only add type=button to real buttons (#709)
• Add Vue emit types (#679, #712)
• Fix escape bug not closing Dialog after clicking in Dialog (#754)
• Use console.warn instead of throwing an error when there are no focusable elements (#775)

Added

• Add new Tabs component (#674, #698)
• Make DisclosureButton close the disclosure inside a DisclosurePanel (#682)
• Add aria-orientation to Listbox, which swaps Up/Down with Left/Right keys (#683)
• Expose close function from the scoped slot for Disclosure, DisclosurePanel, Popover and PopoverPanel (#697)

Added

• Add new Tabs component (#674, #698)
• Make Disclosure.Button close the disclosure inside a Disclosure.Panel (#682)
• Add aria-orientation to Listbox, which swaps Up/Down with Left/Right keys (#683)
• Expose close function from the render prop for Disclosure, Disclosure.Panel, Popover and Popover.Panel (#697)

Added

• Ensure that you can use Transition.Child when using implicit Transitions (#503)
• Add new entered prop for Transition and Transition.Child components (#504)

Fixes

• Add aria-disabled on disabled RadioGroup.Option components (#543)
• Improve disabled and tabindex prop handling (#512)
• Improve React peer dependency version range (#544)
• Improve types for the open prop in the Dialog component (#550)
• Improve aria-expanded logic (#592)
• Remove undocumented :className prop (#607)
• Improve types for Listbox component (#576)
• Remove explicit :class prop (#608)
• Improve tree shaking (#602)
• Improve peer dependencies for react-dom, and for the future version 18 (#622)

Added

• Ensure that you can use TransitionChild when using implicit Transitions (#503)
• Add new entered prop for Transition and TransitionChild components (#504)

Fixes

• Add aria-disabled on disabled RadioGroup.Option components (#543)
• Improve disabled and tabindex prop handling (#512)
• Improve reactivity when destructuring from props (#512)
• Improve aria-expanded logic (#592)

Added

• Introduce Open/Closed state, to simplify component communication (#466)

Fixes

• Improve SSR for Dialog (#477)
• Delay focus trap initialization (#477)
• Improve incorrect behaviour for nesting Dialog components (#560)

The Open/Closed state unlocks a feature where all our components can interact with each other. This means that you don't need to use the render prop function, and that you also don't need the static prop anymore for transitions. Here is an example in the docs that explains this: https://headlessui.dev/react/menu#transitions

Added

• Introduce Open/Closed state, to simplify component communication (#466)

Fixes

• Fix form submission within Dialog (#460)

Fixes

• Fix form submission within Dialog (#460)
• Fix TypeScript types for Listbox and Switch (#459, #461)

Fixes

• Improve search, make searching case insensitive (#385)
• Fix unreachable RadioGroup (#401)
• Fix closing nested Dialog components when pressing Escape (#430)

Added

• Add disabled prop to RadioGroup and RadioGroup.Option (#401)
• Add defaultOpen prop to the Disclosure component (#447)

Fixes

• Improve search, make searching case insensitive (#385)
• Fix unreachable RadioGroup (#401)
• Fix RadioGroupOption value type (#400)
• Fix closing nested Dialog components when pressing Escape (#430)

Added

• Add disabled prop to RadioGroup and RadioGroupOption (#401)
• Add defaultOpen prop to the Disclosure component (#447)

This is the v1 release of Headless UI - React

We introduced a bunch of new components for this release:

• Disclosure
• Dialog
• Popover
• RadioGroup

We also created a beautiful new documentation website: https://headlessui.dev/react

Changelog:

Fixes

• Fixed outside click not re-focusing the Menu.Button (#220, #256)
• Fixed outside click not re-focusing the Listbox.Button (#220, #256)
• Force focus in Menu.Items and Listbox.Options from within the component itself (#261)
• Stop propagating keyboard/mouse events (#261)

Added

• Add Disclosure, Disclosure.Button and Disclosure.Panel components (#220)
• Add Dialog, Dialog.Overlay, Dialog.Tile and Dialog.Description components (#220)
• Add Portal and Portal.Group component (#220)
• Add Switch.Description component, which adds the aria-describedby to the actual Switch (#220)
• Add FocusTrap component (#220)
• Add Popover, Popover.Button, Popover.Overlay, Popover.Panel and Popover.Group components (#220)
• All components that accept a className, can now also receive a function with the renderProp argument (#257)
• Add RadioGroup, RadioGroup.Option, RadioGroup.Label and RadioGroup.Description components (#274)

This is the v1 release of Headless UI - Vue

We introduced a bunch of new components for this release:

• Disclosure
• Dialog
• Popover
• RadioGroup
• Transition

We also created a beautiful new documentation website: https://headlessui.dev/vue

Changelog:

Fixes

• Fix incorrect DOM node from ref (#249)
• Stop propagating keyboard/mouse events (#282)

Added

• Add SwitchDescription component, which adds the aria-describedby to the actual Switch (#220)
• Add Disclosure, DisclosureButton, DisclosurePanel components (#282)
• Add Dialog, DialogOverlay, DialogTitle and DialogDescription components (#282)
• Add Portal and PortalGroup components (#282)
• Add FocusTrap component (#282)
• Add Popover, PopoverButton, PopoverOverlay, PopoverPanel and PopoverGroup components (#282)
• Add RadioGroup, RadioGroupOption, RadioGroupLabel and RadioGroupDescription components (#282)
• Add TransitionRoot and TransitionChild components (#326)

Fixes

• Fix broken behaviour since Vue 3.0.5 (#279)

Fixes

• Fix incorrect type error unique symbol (#248, #240)

Fixes

• Fix incorrect types path (d557d50)
• Fix TypeScript render related types (bb68793)