New issue
Advanced search Search tips

Issue 911494 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 828544
Owner: ----
Closed: Dec 5
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

1px border disappears on zoom out

Reported by baronofe...@gmail.com, Dec 4

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36

Example URL:

Steps to reproduce the problem:
1. Create a page with snippet
<div style="padding-top:200px;">
<div class="divider"></div>
</div>
<style>
.divider {
  border-color: #e0e1e1;
  border-style: solid;
  border-width: 1px 0 0;
}
</style>
2. zoom out and you should notice that border disappears at 33%,67% etc

What is the expected behavior?
Border should be rendered properly

What went wrong?
Border disappears

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 70.0.3538.110  Channel: stable
OS Version: 10.0
Flash Version:
 
Bisected to r482233 "Move rounding up to 1.0f of border widths to the painting stage."
Same cause as in bug 828544.
FWIW, here's a workaround CSS:

@media (max-resolution: .67dppx) {
  .divider {
    border-width: 1.5px 0 0;
  }
}
@media (max-resolution: .25dppx) {
  .divider {
    border-width: 4px 0 0;
  }
}

Labels: Needs-Triage-M70
Components: -Blink Blink>Layout
Mergedinto: 828544
Status: Duplicate (was: Unconfirmed)

Sign in to add a comment