v2.0.6

Accesserty UI Kit v2.0.6

This release covers 2.0.4, 2.0.5 and 2.0.6 (the previous GitHub release was
v2.0.3). No breaking changes to component APIs: replace
accesserty-ui-kit.min.js (or accesserty-ui-kit.js) and au-style.css with
the new files. Please read Behavior changes if you override the popover
animation or style the accordion's collapsed region.

Added

• Find-in-page and links now open collapsed <au-accordion-item> panels.
  Where the browser supports hidden="until-found", collapsed panels stay
  searchable: Ctrl+F / ⌘F, text-fragment links (#:~:text=) and #id links
  into collapsed slotted content open the item, including every enclosing item
  of a nested accordion. Opening emits the usual au-toggle event, so framework
  bindings and exclusive groups stay in sync. Until revealed, collapsed
  content stays out of the Tab order and the accessibility tree. Browsers
  without support keep collapsed panels hidden and inert, as before.
• Find-in-page expands collapsed <au-tree> branches. A match in a
  collapsed node expands every ancestor branch without moving focus. Collapsed
  nodes stay out of the Tab order, arrow-key order and accessibility tree.
  Node labels live in Shadow DOM, which Safari's text-fragment links do not
  search; Chrome's and Firefox's do.

Fixed

• <au-rating> with Vue v-model no longer reverts the user's choice.
  The inner radio's native input event reached host listeners while value
  still held the previous rating, so v-model read the old value and wrote it
  back. The value now updates first; change still carries detail.value.
• Popovers fade in, and keep their layout while fading out. The shared
  stylesheet's fade-in never ran, and the fade-out forced display: block on
  closing popovers for 0.5s, breaking grid or flex layouts. Popovers now fade
  both ways using CSS transitions only. A closing popover is already treated as
  closed: it takes no clicks or focus and is not announced. Reduced-motion
  preferences still remove the fade.

Behavior changes

• @keyframes popover-fade-out is removed from the shared stylesheet. If your
  CSS referenced it, use the transition-based fade (see au-style.css).
• In supporting browsers, a collapsed accordion region and a collapsed tree
  group now carry hidden="until-found" instead of hidden + inert.
  Selectors such as [hidden] still match; code that checks region.inert
  should not rely on it.

Removed

• Angular is no longer a tested or documented integration. The Angular
  fixtures and Angular guidance are removed. The components are unchanged
  standard custom elements, so they still work in any framework that renders
  custom elements. Vue/Nuxt and React/Next remain the tested integrations.

Documentation

• New README section, "Reserving space before registration": copyable
  :not(:defined) CSS that reserves the registered height of au-input,
  au-textarea, au-file-upload and au-tree, to avoid layout shift while
  the script loads. Text lines are reserved in lh, so the reservation holds
  in any font, including Traditional Chinese ones. On the demo pages, under
  simulated Slow 4G, cumulative layout shift fell from 0.296 to 0.023 (input)
  and 0.318 to 0.010 (form).
• Rebuilt popover and dialog demos:
  • Popover: auto, manual and hint types; Invoker Commands; interestfor
    tooltips; anchor positioning with fallbacks.
  • Dialog: closedby; request-close with an unsaved-changes prompt; nested
    and non-modal dialogs.

Verified

• Chrome: 453 unit tests, browser checks, and SSR in Next and Nuxt
• Firefox: WebDriver browser checks, including the accordion and tree reveal
• Safari 27: WebDriver browser checks for accordion, tree and rating
• Find-in-page checked by hand in Chrome, Firefox and Safari

These checks do not establish screen-reader speech or full WCAG conformance.
Verify your assembled pages, including with assistive technologies.

Full changelog: v2.0.3...v2.0.6