v0.1.3425 Oct 2026·Rendering, JavaScript & JIT, Web APIs & DOM

Theme switchers, chart labels sized by CSS, and SVG text you can measure

Sites that switch themes by turning a linked stylesheet off, or add a rule to it from script, now restyle the page; Floati ignored both. SVG text takes its size and font from the page's CSS, as every chart library expects. SVG text answers where each character is, canvas text is kerned like the reference browser's, the canvas reports its transform, and Object.assign and defineProperty finally work on page elements.

Parity with the reference browser

74overall, as of v0.1.343

Web APIs / DOM surface42

Security architecture66

GPU / graphics acceleration68

DevTools / extensions72

Networking85

Media85

Accessibility85

Real-world site compatibility99

HTML parsing100

CSS parsing + selectors100

Layout: block / flex / grid / tables / writing-modes100

Paint + visual100

JavaScript language100

JavaScript performance (JIT)100

HTML parsing100

Theme switchers that switch

Before: a linked dark theme disabled and a linked sheet edited from script — BeforeFloati

After: a linked dark theme disabled and a linked sheet edited from script — Afterv0.1.342

The same page in the reference browser — Reference browserfor comparison

BeforeAfter

This page turns its dark stylesheet off from script, adds a highlight rule to its main stylesheet and recolours the card titles through CSSOM, the way theme toggles and design tools do it. Floati changed the stylesheet objects but kept painting the stylesheets as they were downloaded, so all three edits did nothing. The edited and disabled sheets now restyle the page and what scripts measure, and the result matches the reference browser.

Edits honoured3 of 3Computed stylesequal to the reference browser

Chart labels sized by the page's CSS

Before: an SVG bar chart whose labels are sized by a CSS rule — BeforeFloati

After: an SVG bar chart whose labels are sized by a CSS rule — Afterv0.1.342

BeforeAfter

Chart pages size their SVG labels in the stylesheet, with a rule like text { font: 11px sans-serif }. Floati ignored page CSS on SVG text and drew every label at the 16px default, half again too big. SVG text now takes its size, family, weight and anchor from the page's CSS, with font-size and the other presentation attributes underneath it as the SVG standard says, and the labels match the reference browser.

Label sizefrom the CSS rulegetComputedStyleequal to the reference browser

What changed 8 changes

Web APIs & DOM	Editing a linked stylesheet from script restyles the page: rules added with insertRule, removed with deleteRule or changed through a rule's style, and a sheet turned off with disabled, which is how most theme toggles work. Before, the stylesheet objects changed but the page kept its downloaded styles. Both what is painted and what getComputedStyle reports now follow the edits, and turning the sheet back on restores it.
Web APIs & DOM	SVG presentation attributes (font-size, fill, stroke, font-family, text-anchor and the rest) are now the lowest-priority author styles, as SVG 2 defines them: they show in getComputedStyle (a unitless font-size as pixels) and any page rule overrides them. SVG text is drawn at the size, family, weight and anchor the page's CSS gives it.
Web APIs & DOM	SVG text geometry: getBBox of text, getComputedTextLength, getSubStringLength, getNumberOfChars, getStartPositionOfChar, getEndPositionOfChar, getExtentOfChar, getCharNumAtPosition, getRotationOfChar and selectSubString. They measure with the faces the text is painted with and follow x, y, dx, dy on tspans and text-anchor. 14 of 15 checks match the reference browser; the fifteenth needs bold faces loaded the way a page load does.
Rendering	Canvas text is kerned: measureText and fillText add the font's pair kerning, as HTML text already did. The reference browser measures "office" in Arial at 37.95px because Arial kerns its "ff" pair; Floati now gives the same, so labels centred by measured width line up.
Web APIs & DOM	Canvas getTransform returns the real current matrix after translate, scale, rotate, transform, setTransform and resetTransform, and it is saved and restored with save and restore. setTransform also accepts a DOMMatrix. 14 of 14 checks match the reference browser.
Rendering	The reference browser parity for SVG that is not drawn: a shape or text outside the document, or inside display: none (set in CSS or with the display attribute), gives an empty bounding box and no characters, isPointInFill and isPointInStroke answer false, and getTotalLength throws as the reference browser does. 16 of 16 checks match.
JavaScript & JIT	Object.assign and Reflect.set onto page elements set real properties: Object.assign(document.createElement('pre'), { id, textContent }) used to give an empty element with no id, and assigning into an element's style or dataset was dropped.
JavaScript & JIT	Object.defineProperty on a page element works: getters and setters run whether the property is read as el.x or el['x'], getOwnPropertyDescriptor and hasOwnProperty report them, and enumerable ones appear in Object.keys and Object.entries. It used to be ignored, so libraries that define properties on nodes read back undefined. 14 of 14 checks match the reference browser.

Try it in your browser

Each check runs live in the browser you are reading with. Nothing is sent anywhere.

Canvas getTransform follows translate and scaleFloatiChecking

Object.assign onto a new elementFloatiChecking

defineProperty getters on an elementFloatiChecking

SVG font-size attribute in the computed styleFloatiChecking

SVG text length (getComputedTextLength)FloatiChecking

Hit tests answer false for shapes not on the pageFloatiChecking

Your browser Floati 6 / 6