A startViewTransition() egy sor, a demók gyönyörűek – csak közben a böngésző nem a DOM-odat animálja, hanem lefényképezi. Ebből következik a kattinthatatlan oldal, a duplikált nevek miatti néma skip és a négy másodperces timeout is.
A @floating-ui/dom-ot hetente 80 milliószor töltjük le, hogy tooltipeket és dropdownokat pozicionáljunk JavaScriptből. A Firefox 147 óta mindhárom nagy böngésző tudja ugyanezt natív CSS-ből: anchor positioning, automatikus átfordulással a viewport szélén, görgetéskövetéssel, top layerrel. Megnéztem, mit tud, és hol vannak a csapdái.
A hidden="until-found" kereshetővé teszi a becsukott tartalmat, a beforematch pedig szinkronban tartja a komponenst. A dobozmodell és egy régi CSS-reset viszont könnyen elrontja.
A calc-size() és az interpolate-size végre natív CSS-megoldást ad az auto magasságra animáláshoz, JavaScript-hack nélkül – de egyelőre csak Chromium-alapú böngészőkben.