checkbox makes parent element grow when toggled in checkbox hack
Reported by
neupat...@gmail.com,
Mar 24 2017
|
||||||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/56.0.2924.76 Chrome/56.0.2924.76 Safari/537.36 Steps to reproduce the problem: 1. checkbox inside an element with a margin 2. checkbox is used to toggle the state of another element (checkbox hack) 3. parent has to have position: fixed; or absolute; 4. when toggling the checkbox the parent grows What is the expected behavior? should stay same width What went wrong? see file, comparison chromium and firefox Did this work before? No Does this work in other browsers? Yes Chrome version: 56.0.2924.76 Channel: stable OS Version: 4.4.0-67-generic Flash Version: none
,
Mar 24 2017
,
Mar 24 2017
,
Mar 26 2017
Reproduced using Chrome 57 on Windows 7. Reproduced using Chromium 40 (October, 2014) as well, so this is probably not a regression (or not a recent regression). This is an Internet Explorer 6 kind of bug. :(
,
Mar 27 2017
I reproduced this without checkbox and label. Removing Blink>Forms>Checkbox.
,
Mar 27 2017
#5 - can you attach that test case? :)
,
Mar 27 2017
tkent: If you have a repro without a checkbox please add it to the bug and then set the status back to untriaged. Thanks.
,
Mar 27 2017
Thanks! Christian, could you take a look at this at some point please?
,
Mar 28 2017
Or without a script at all -
<head>
<style>
ul {
position: absolute; /* or fixed, not relative or static */
background-color: grey;
color: white;
list-style: none;
padding: 0;
}
ul > li {
margin: 0.7em;
display: inline;
}
div {
width: 1px;
height: 100px;
display: none;
}
.check:focus ~ div {
display: block;
}
</style>
</head>
<body>
<ul>
<li>
<span tabindex="1" class="check">Focus</span>
<div></div>
</li>
</ul>
</body>
,
Apr 7 2017
Tested the issue on chrome 56.0.2924.76, Stable #57.0.2987.133, Canary 59.0.3056.0 in Windows 10.0 & 7 and was able to reproduce the issue. This is a Non-Regression issue since seeing this from M30 #30.0.1549.0 Note : Able to reproduce the issue in Mac 10.12.3 and Linux Ubuntu 14.04.and removing needs bisect label. Thank you. |
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by manoranj...@chromium.org
, Mar 24 2017