171430 2017-04-28 06:47:46 -0700 Buttons with zero width still affect parent's width 2022-07-15 11:16:43 -0700 1 1 1 Unclassified WebKit CSS Safari 10 All All RESOLVED CONFIGURATION CHANGED P2 Normal --- 1 cedric.reichenbach+webkit-bugzilla webkit-unassigned bfulgham simon.fraser zalan oldest_to_newest 1302562 0 cedric.reichenbach+webkit-bugzilla 2017-04-28 06:47:46 -0700 When setting `width: 0` on buttons in a container with variable with, they still occupy space (but are invisible). As a consequence, the container element has the same with as if those buttons had default width. Example: HTML: <div class="parent"> <button class="child">a</button> <button class="child">b</button> <button class="child">c</button> </div> CSS: .parent { float: left; border: 2px solid darkblue; } .child { float: left; width: 0px; padding: 0; margin: 0; border: none; overflow: hidden; } .parent:hover .child { width: auto; } The a sample in JSFiddle can be found here: https://jsfiddle.net/4rsd84yg/9/ 1884112 1 bfulgham 2022-07-15 11:16:43 -0700 In Safari 15.5+ all buttons show zero width, and the 'parent' container has zero width.