139629 2014-12-14 15:55:13 -0800 Unnecessary scroll bars when child is resized manually. 2022-04-09 07:15:16 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) All All RESOLVED FIXED P2 Normal --- 1 karl.tarvas webkit-unassigned karl.tarvas oldest_to_newest 1055512 0 karl.tarvas 2014-12-14 15:55:13 -0800 Given a parent element <div> with set width, height and overflow: auto, containing a child element <div> with larger set dimensions, when the child element is manually resized (through class addition, Javascript etc.) to be equal the parent's dimensions, the scroll bars are not hidden (as they should be). Sample on Jsfiddle: http://jsfiddle.net/rktvybb0/ Related discussion on Stack Overflow: http://stackoverflow.com/questions/27474930/avoid-triggering-overflow-auto-after-resizing-a-child-element-to-matching-size/ 1055568 1 karl.tarvas 2014-12-14 22:41:25 -0800 Forcing a redraw with a workaround as seen on the following Stack Overflow thread removes the scrollbars: http://stackoverflow.com/a/3485654/1470607 Javascript: this.style.display='none'; this.offsetHeight; //Won't work without this this.style.display=''; While this works as a workaround, it would still be nice to see this fixed. 1057328 2 karl.tarvas 2014-12-21 14:45:31 -0800 The problem only occurs when the new dimensions for the child element are given in pixels, when percentage values are used, the issue isn't present. 1398334 3 karl.tarvas 2018-02-12 02:12:35 -0800 As of version 63.0.3239.132, this issue is still present. 1860016 4 karl.tarvas 2022-04-09 07:15:16 -0700 The issue is no longer reproducible in version 100.0.4896.75. I haven't kept track in what version it got fixed in specifically.