v0.14.0
Cirth v0.14.0
Cirth v0.14.0 removes a guarantee that only held for half the people using
it. aria-busy="true" used to switch off pointer events, so a busy button
could not be clicked — and could still be activated with Enter or Space.
One input method was guarded, the other was not, and nothing said which.
A minor with one breaking change, and the fix for it is one property on
your side.
Before you upgrade
aria-busy="true"no longer blocks interaction. If you relied on it
to stop a submit running twice, add the button'sdisabledproperty
while the action is pending and remove it when the action settles. For a
custom control, usearia-disabled="true"and have its script ignore
pointer and keyboard activation alike.aria-busygoes back to meaning
what it says: this region is being updated.
The Upgrading page has the
before-and-after.
Nothing gets clipped to fit any more
Two rules were removing content rather than laying it out differently, and
both fail the same way for the people least able to work around it.
Dropdown items truncated with an ellipsis. At 200% text, or under the WCAG
text-spacing overrides, the part that got cut was routinely the part that
mattered, with no way to reach it. They wrap now.
code, kbd and samp widened the whole document when they held a long
URL or hash, which breaks reflow at 320 CSS pixels for everything else on
the page too. They stay inside the available width and break anywhere.
pre is untouched — it is the variant that is meant to scroll.
The dropdown says what it is
<details class="dropdown"> with a plain summary is styled like a select
and is not one. It owns no form value, no selected option, and none of a
listbox's keyboard conventions. The documentation used to offer it as a
"custom select" pattern; it now points at a native <select> for choosing
a value, and keeps the dropdown for links and actions.
Verification
Both presets, both colour schemes and prefers-contrast: more are now
audited together, and two contrast pairs moved to satisfy it: plain's
dark card surface and playroom's light hover accent. Reflow at 320 CSS
pixels, text resized to 200%, the WCAG text-spacing overrides, and pointer
versus Enter versus Space parity on every busy control, popover invoker and
dialog invoker are asserted per theme rather than checked by hand.
Full Changelog: v0.13.0...v0.14.0