Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Twitter homepage tabs don't fill boxes #18811

Open
jdm opened this issue Oct 10, 2017 · 3 comments · May be fixed by #19386
Open

Twitter homepage tabs don't fill boxes #18811

jdm opened this issue Oct 10, 2017 · 3 comments · May be fixed by #19386

Comments

@jdm
Copy link
Member

@jdm jdm commented Oct 10, 2017

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

Servo:
screen shot 2017-10-10 at 2 16 30 pm

@jdm jdm mentioned this issue Oct 10, 2017
4 of 15 tasks complete
@jdm
Copy link
Member Author

@jdm jdm commented Oct 10, 2017

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

@bobthekingofegypt bobthekingofegypt linked a pull request that will close this issue Nov 26, 2017
4 of 5 tasks complete
bors-servo added a commit that referenced this issue Nov 26, 2017
…=<try>

fix collapsing margins fallthrough calculations

Margins that should not collapse through where still effecting the layout
of subsequent elements

<!-- Please describe your changes on the following line: -->

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `__` with appropriate data: -->
- [X] `./mach build -d` does not report any errors
- [X] `./mach test-tidy` does not report any errors
- [X] These changes fix #18811 (github issue number if applicable).

<!-- Either: -->
- [X] There are tests for these changes OR
- [ ] These changes do not require tests because _____

<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/19386)
<!-- Reviewable:end -->
bors-servo added a commit that referenced this issue Nov 27, 2017
…=<try>

fix collapsing margins fallthrough calculations

Margins that should not collapse through where still effecting the layout
of subsequent elements

<!-- Please describe your changes on the following line: -->

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `__` with appropriate data: -->
- [X] `./mach build -d` does not report any errors
- [X] `./mach test-tidy` does not report any errors
- [X] These changes fix #18811 (github issue number if applicable).

<!-- Either: -->
- [X] There are tests for these changes OR
- [ ] These changes do not require tests because _____

<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/19386)
<!-- Reviewable:end -->
bors-servo added a commit that referenced this issue Jan 4, 2018
…=<try>

fix collapsing margins fallthrough calculations

Margins that should not collapse through where still effecting the layout
of subsequent elements

<!-- Please describe your changes on the following line: -->

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `__` with appropriate data: -->
- [X] `./mach build -d` does not report any errors
- [X] `./mach test-tidy` does not report any errors
- [X] These changes fix #18811 (github issue number if applicable).

<!-- Either: -->
- [X] There are tests for these changes OR
- [ ] These changes do not require tests because _____

<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/19386)
<!-- Reviewable:end -->
@krk
Copy link
Contributor

@krk krk commented Apr 18, 2019

This can be reproduced in a14b952

@dralley
Copy link
Contributor

@dralley dralley commented Apr 14, 2020

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

3 participants
You can’t perform that action at this time.