Mina cut the release note to three crisp lines, then realized the support caveat still needed one more sentence before it could ship without surprises.
Demo
Finally sane accordion
The section heights have been calculated without measuring the DOM and without CSS hacks.
The handoff doc now reads like a proper morning checklist instead of a diary entry. Restart the worker, verify the queue drains, and only then mark the incident quiet. If the backlog grows again, page the same owner instead of opening a new thread.
We learned the hard way that a giant native scroll range can dominate everything else. The bug looked like DOM churn, then like pooling, then like rendering pressure, until the repros were stripped down enough to show the real limit. That changed the fix completely: simplify the DOM, keep virtualization honest, and stop hiding the worst-case path behind caches that only make the common frame look cheaper.
AGI 春天到了. 抏دأت الرحلة 🚀 and the long URL is https://example.com/reports/q3?lang=ar&mode=full. Nora wrote “please keep 10 000 rows visible,” Mina replied “transatlantic labels are still weird.”
Accessibility in this demo
This accordion uses Pretext to compute the exact expanded height of each section without DOM measurement, enabling smooth animated open/close transitions with no layout reflow.
Each section uses a native <button> with aria-expanded
to communicate open/closed state. Buttons are linked to their panels via
aria-controls, and panels use role="region" with
aria-labelledby pointing back to the section title. Collapsed panels
are hidden from assistive technologies. The expand/collapse glyph is marked
aria-hidden. Reduced-motion preferences disable the height transition.
The accordion also works without JavaScript. Section titles and body text are pre-populated in the HTML source, and all sections default to expanded. JavaScript adds the collapse behavior when it runs. In text browsers like Lynx, crawlers, and reader modes, all content is immediately visible and readable.