Carousels that fade, badges that stay put, and floats that stay inside

A programming language site's front page stacked every slide of its code carousel on top of each other. The site's script library tests whether the browser understands opacity by writing opacity .5 to a test element and reading it back, expecting 0.5. Floati gave back the text exactly as written, so the library decided opacity was unsupported and faded the slides with an old filter property instead: every slide stayed fully visible. Inline style values now read back serialized, the way the reference writes them.

A Linux distribution's news list puts a small date badge beside each headline: a positioned inline-block holding absolutely positioned day, month and year. Floati's layout lifted absolute children out of their inline parent to place them, and walked into inline-blocks while doing so, so the badges lost their contents and the list collapsed into overlapping text. An inline-block is its own box: it now keeps its absolute children and places them itself.

The same inline-block fix brings back a news site's lead images: each card's picture sits in a positioned inline-block, and its absolutely positioned layers were lost with it. The cards now show their pictures and labels in the reference's places. An encyclopedia's language picker is fixed by the same change.

A box with overflow hidden, or a float, grows to hold the floats inside it. Floati counted only floats that were its direct children, so a weather service's alert legend, whose coloured entries float inside a list inside the box, spilled out and the footer painted over it. Floats nested in its children now count too, as in the reference. The same fix puts a Linux distribution's photo carousel back in its frame.