Chrome isn't properly rendering overflow when set dynamically
Reported by
freshene...@gmail.com,
Apr 2 2016
|
||||||
Issue description
UserAgent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.87 Safari/537.36
Example URL:
Steps to reproduce the problem:
1. Create an html file with the following content:
<body></body>
<script>
var shitsauce = document.createElement('div')
shitsauce.innerHTML = "admin changed description to mooseshoomtbloob MOIWOIEOIOEIIIEIEfef fe"
var wtf = document.createElement('div')
wtf.appendChild(shitsauce)
document.body.appendChild(wtf)
wtf.style.border = '1px solid black'
wtf.style.maxWidth = '430px'
shitsauce.style.display = 'block'
shitsauce.style.width = '100%'
shitsauce.style.backgroundColor = 'green'
setTimeout(function() {
wtf.style.overflowY = 'scroll'
setTimeout(function() {
wtf.style.overflowY = ''
},50)
},500)
</script>
2. Open it up in chrome
What is the expected behavior?
The page should open so that the box is fully green and after 500ms the box should stay fully green
What went wrong?
The page opens with the box being fully green, but it changes so the box has an inexplicable right margin. The margin is the exact width of a would-be scroll bar (which isn't displaying and shouldn't display)
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? Yes
Chrome version: 49.0.2623.87 Channel: n/a
OS Version: 6.3
Flash Version: Shockwave Flash 21.0 r0
This works correctly in both Firefox and IE, but it is producing this buggy behavior in chrome
,
Apr 5 2016
Attaching testcase as HTML file. Does reproduce in strict mode too.
,
Apr 7 2016
Seems like a scrollbar layout issue to me.
,
Apr 8 2016
,
Sep 22 2016
I am also seeing this issue in Chrome 53.0.2785.116 (64-bit) on Mac OS 10.11.5.
,
Sep 25 2017
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. If you change it back, also remove the "Hotlist-Recharge-Cold" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Sep 25 2017
This appears to work correctly for me now. A scrollbar flashes in but is removed by the second timeout, no margin visible. Marking as closed, feel free to comment if you do still see this.
,
Sep 25 2017
Looks like it does work now! Thanks! Tho it would be nice if it didn't flash the scroll bars..
,
Sep 25 2017
It only flashes the scrollbars because the test page is configured to do so. You shouldn't see them flash in actual use.
,
Sep 25 2017
Oh yeah, good point |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by durga.behera@chromium.org
, Apr 4 2016Labels: -Type-Compat M-51 OS-Linux Type-Bug
Status: Untriaged (was: Unconfirmed)