Zoom between 100% and 150% breaks float alignment when changing margin/border on hover
Reported by
martijnt...@gmail.com,
Mar 16 2018
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.162 Safari/537.36 Vivaldi/1.96.1125.3 Example URL: Steps to reproduce the problem: 1. Open attached "ZoomTest.html" 2. Zoom to 110% 3. Hover over a div on the right What is the expected behavior? Just like 100% and 150% to not break the float alignment. What went wrong? When hovering over a div it replaces "margin:10px" with "margin:6px;border:4px...". This works fine on 100% and 150% zoom. But between it and hovering over a div on the right it breaks the alignment. The next div ends up directly underneath it. And the other div's end up on the rows after that one. Does it occur on multiple sites: N/A Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? No Firefox (60.0b3) Chrome version: 65.0.3325.162 Channel: stable OS Version: 10.0 Flash Version:
,
Mar 19 2018
Able to reproduce the issue on reported chrome version 65.0.3325.162 and on the latest chrome version 67.0.3375.0 using Windows-10, Mac 10.12.6 and Ubuntu 14.04. As the issue is seen from M60(60.0.3112.0) considering it as non-regression and marking it as Untriaged. Thanks!
,
Mar 19 2018
,
Mar 20 2018
The hover part is trivial. It doesn't seem to handle the float/margin/border correctly when zooming between 100% and 150%. Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1447447 IE and Edge do not have this issue.
,
Nov 21
***Mass UI Triage *** Able to reproduce with chrome #72.0.3616.0 |
||||
►
Sign in to add a comment |
||||
Comment 1 by krajshree@chromium.org
, Mar 19 2018