Component changelog

Combobox changelog

Component-specific release notes collected from the full changelog. This page filters the published entries that mention Combobox.

Release

v1.1.0

npm
Minor Changes
  • 8d5c556: feat: right-to-left support for menus, Select, Combobox, NavigationMenu, TabNav and ScrollArea

    • DropdownMenu, ContextMenu: new dir prop. In RTL, ArrowLeft/ArrowRight open and close submenus, submenus open on the left, and the portaled content (and submenus) carries dir. rtl is deprecated in favor of dir="rtl".
    • NavigationMenu, TabNav: new dir prop; arrow keys follow reading direction.
    • Select, Combobox: dir on the root now also applies to the portaled listbox.
    • ScrollArea: horizontal scroll math and scrollbar placement use the computed direction (logical CSS insets, RTL scroll range).
Patch Changes
  • 0221f95standardize overlay portal container and forceMount APIs across menu, combobox, and hover card primitives

Release

v1.0.0

npm
Patch Changes
  • 1853344: Add Combobox large-list documentation with an incremental loading example.

  • 1ec9c6d: fix(drawer): resolve peekStyle temporal dead zone in DrawerContent

    DrawerContent referenced peekStyle inside the getFloatingProps call before the variable was declared further down the component body. The const declarations sat below an early return, so the reference landed in the temporal dead zone. The file failed to type-check, which broke four Drawer test suites at compile time.

    Hoisting the peekOffset/peekStyle pair above the getFloatingProps call fixes the ordering. getFloatingProps is also cast to its user-props signature, matching the convention already used by Dialog, Combobox and Menu.

  • 0f04b58: docs(a11y): add ARIA references for select, combobox, and dropdown menu

  • 0ccabb4: fix(scrollarea): hide the scrollbar while a document overlay is open

    An overlay (Dialog, Menu, Popover, Combobox, Drawer) covers the page and locks body scroll, but a ScrollArea with type="always" still painted its scrollbar and thumb on top of it.

    Adds a document-level overlay registry and suppresses the scrollbar and thumb while any overlay is open:

    const isVisible =
      !overlaySuppressesScrollbar &&
      (type === "always" ||
        (type === "auto" && isOverflowing) ||
        (isOverflowing &&
          (type === "scroll" || type === "hover") &&
          scrollbarVisible));

    The registry is ref-counted and mirrors its state onto data-rad-ui-overlay-open on <html>, so overlays stack correctly (two open overlays decrement back to zero rather than clearing early). ScrollArea picks the state up via useDocumentOverlayOpenState, which also observes the attribute and body's inline style, so overlays from other libraries that only lock body scroll are covered too.

    resetDocumentOverlayOpenForTests is wired into the global afterEach in setupTests.ts so the registry cannot leak between suites.

Release

v0.4.0

npm
Minor Changes
  • 2708fb327 components as officially released as preview, including Checkbox, Radio, Select, Combobox, DropdownMenu, and others.

Release

v0.2.0

npm
Minor Changes
  • 140d24dRenamed the select to combobox primitive and separated themed components for select and combobox
Patch Changes
  • a42620dFix select and combobox popup behavior by improving portal rendering, restoring macOS-style reopen anchoring for Select, and tightening related UI polish in the sandbox and shared component styles.