Floats are now supported in the new Servo nightly!...

Floats are now supported in the new Servo nightly!

This is one of the trickiest parts of CSS2, and while there are still some outstanding issues, the pass rate is already far better than it ever was in legacy layout 🎉

Compare 31 August with 1 September:

servo wikipedia page rendered in the 2023-08-31 nightly, with the article text overlapping the floating infobox

servo wikipedia page rendered in the 2023-09-01 nightly, with the article text flowing around the floating infobox

Like 1 Sep 2023 at 9:56 | Open on floss.social

4 comments

Ludovic :Firefox: :FreeBSD:

@servo WOOT !!!!!
Q : Is someone working on a UI ?

1 Sep 2023 at 10:03 | Open on piaille.fr

WerySkok :verified_think:

@usul I think @servo is planned as just an engine and now they're targeting to become embedded engine just like CEF

1 Sep 2023 at 13:18 | Open on mastodon.ml

Tshepang Mbambo

@servo how did Firefox do it, seeing that it depends on Stylo

1 Sep 2023 at 10:09 | Open on hachyderm.io

bjorn3

@tshepang @servo My understanding is that rendering of web pages happens in four steps: Style (compute effective css properties of every element), layout (compute the location and size of every element), paint (draw the individual elements) and composite (composite the painted elements to present to the user). Stylo only handles the style step. Floats were already supported in this step by Stylo, but Servo didn't support it in the layout step for their new layout engine yet.

1 Sep 2023 at 10:40 | Open on hachyderm.io