blitz Incorrect flexbox layout on servo.org

The following bug is from:

https://servo.org
Rendered with Blitz commit 10db14d4a091bc8e175a69442a988753b26df5b6

Something is causing the Flexbox layout to take up too much horizontal space (either it's overflowing it's container or it's container is too wide for some reason).

Chrome screenshot (correct rendering)

Blitz screenshot (buggy rendering)

Mar 19 '25 21:03 nicoburns

Minimal example

<!DOCTYPE html>
<html>
   <head>
      <style>
         p {
             max-width:48rem;
         }
         .container {
             display:flex;
         }
      </style>
   </head>
   <body>
      <div class=container>
         <div>
            <p>Start provides a  so other applications can use it to embed web End</p>
         </div>
         <div>
            <p>Start takes advantage of the memory safety features of the  resulting in fewer vulnerabilities related to memory and End</p>
         </div>
         <div>
            <p>Start with a modular architecture and powered by widely-used Rust crates, Servo high-performance browser engine to your End</p>
         </div>
      </div>
   </body>
</html>

Mar 19 '25 22:03 kokoISnoTarget

Ah, that's very helpful. Looks like it's something to do with max-width.

Mar 19 '25 23:03 nicoburns