search

servo / servo

Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine
https://servo.org
Mozilla Public License 2.0
28.46k stars 3.03k forks source link

Twitter homepage tabs don't fill boxes #18811

Open jdm opened 7 years ago

jdm commented 7 years ago

Firefox:

screen shot 2017-10-10 at 2 15 23 pm

Servo:

screen shot 2017-10-10 at 2 16 30 pm
jdm commented 7 years ago

Minimal testcase:

<!DOCTYPE html>
<style>
  .StreamsTopBar {
  border-bottom: 1px solid #ff0000;
  box-sizing: border-box;
  height: 270px;
  }

  .StreamsHero {
  height: 210px;
  }

  h2 {
  margin-bottom: -5px;
  }

  a {
  border-bottom: 0 solid #1da1f2;
  border-bottom-width: 5px;
  height: 59px;
  display: block;
  box-sizing: border-box;
  }

</style>
<div class="StreamsTopBar">
  <div class="StreamsHero">
    <h2>What’s happening?</h2>
  </div>
  <a></a>
</div>

Firefox:

screen shot 2017-10-10 at 3 30 42 pm

Servo:

screen shot 2017-10-10 at 3 30 59 pm
krk commented 5 years ago

This can be reproduced in a14b952fa3eedec86e6308213c525538bcb20827

dralley commented 4 years ago

Not a problem in layout 2020, still a problem in layout 2013 (the PR was never merged)

Screenshot from 2020-04-14 11-41-09