186887 2018-06-21 04:19:20 -0700 Setting Height to Auto on overflow hidden element isn't visible when overlapping lower z level 2018-06-24 09:19:07 -0700 1 1 1 Unclassified WebKit CSS Other iPhone / iPad iOS 11 NEW P2 Normal --- 1 dave webkit-unassigned simon.fraser zalan oldest_to_newest 1435090 0 343235 dave 2018-06-21 04:19:20 -0700 Created attachment 343235 reproduction sample html page view code at https://codepen.io/anon/pen/VdXVOd or see attached page. View on iOS device. Seems to be an issue where relative items within a parent that has overflow hidden aren't painted at all. This only happens when setting the height of the container to auto, from 0 through javascript. The container is correctly calculated in terms of height, but it's contents aren't painted. This also seems oddly related as to whether the bounds of it's parents overlap an item at a different z-index. Code works as expected when the divs don't overlap an element at a lower z-index, but aren't repainted when the bounds overlap a lower z-index item. Steps to reproduce 1. view attached code on iOS Device 2. click small spacer button to set spacer to small 3. toggle show hide. expected result - absolute div bounds isn't overlapping the fixed red square so text "Relative Item" appears. 4. click large spacer button to set spacer to large (overlapping fixed red square at z level 1) 5. toggle show hide. expected result - absolute div bounds now overlaps the fixed red square at z1. but the "Relative Item" element isn't repainted so remains hidden, even though it's containing div has expanded to the correct height. 1435929 1 dave 2018-06-24 09:19:07 -0700 please also suggest any workarounds for this. I've noted padding-bottom:1px on the height:0/auto element seems to work in the sample. But not in all real world situations 343235 2018-06-21 04:19:20 -0700 2018-06-21 04:19:20 -0700 reproduction sample html page index.html text/html 2968 dave PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ZW4tdXM+Cgo8aGVhZD4KICAgIDxtZXRhIG5hbWU9 dmlld3BvcnQgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLGluaXRpYWwtc2NhbGU9MSI+CiAg ICA8c3R5bGU+CiAgICAgICAgLyogYnVnIHJlbGF0ZWQgKi8KCiAgICAgICAgLm92ZXJsYXkgewog ICAgICAgICAgICB6LWluZGV4OiA1MDA7CiAgICAgICAgfQoKICAgICAgICAucG9zaXRpb24tcmVs YXRpdmUgewogICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAgICAgfQoKICAgICAg ICAuaGVpZ2h0LWF1dG8gewogICAgICAgICAgICBoZWlnaHQ6IGF1dG8gIWltcG9ydGFudDsKICAg ICAgICB9CgogICAgICAgIC5hYnNvbHV0ZS13cmFwcGVyIHsKICAgICAgICAgICAgcG9zaXRpb246 IGFic29sdXRlOwogICAgICAgICAgICB3aWR0aDogOTUlOwogICAgICAgIH0KCiAgICAgICAgLm92 ZXJmbG93LWhpZGRlbiB7CiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgICAgfQoK ICAgICAgICAuZml4ZWQtdW5kZXJsYXkgewogICAgICAgICAgICB0b3A6IDE1MHB4OwogICAgICAg ICAgICByaWdodDogMjBweDsKICAgICAgICAgICAgd2lkdGg6IDUwcHg7CiAgICAgICAgICAgIGhl aWdodDogNTBweDsKICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkOwogICAgICAgIH0KCiAgICAg ICAgLyogLmZpeGVkIHsKICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkOwogICAgICAgICAgICBy aWdodDogMjBweDsKICAgICAgICAgICAgYm90dG9tOiAyMHB4OwoKICAgICAgICB9ICovCgoKICAK ICAgICAgICAvKiBwcmV0dHkgKi8KCiAgICAgICAgLm92ZXJsYXkgewogICAgICAgICAgICBib3Jk ZXI6IDJweCBpbnNldCByZ2IoNTgsIDE0MSwgMjM1KTsKICAgICAgICB9CgogICAgICAgIC5maXhl ZC11bmRlcmxheSB7CiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJlZDsKICAgICAgICAg ICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDAsIDAsIDAuNCk7CiAgICAgICAgfQoKICAg ICAgICAuYWJzb2x1dGUtd3JhcHBlciB7CiAgICAgICAgICAgIGJvcmRlcjogMnB4IGluc2V0IHJn YigyMzAsIDY4LCAxOCk7CiAgICAgICAgfQoKICAgICAgICAjc3BhY2VyIHsKICAgICAgICAgICAg YmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDE1MCwgMCwgMC40KTsKICAgICAgICB9CgoKICAg ICAgICAuY29sbGFwc2VkIHsKICAgICAgICAgICAgYmFja2dyb3VuZDogcmdiYSgxNTAsIDE1MCwg MTUwLCAxLjApOwogICAgICAgIH0KCiAgICAgICAgICAgICAgLmJ1dHRvbnMgewogICAgICAgICAg ICBwb3NpdGlvbjogZml4ZWQ7CiAgICAgICAgICAgIGJvdHRvbTogMHB4OwogICAgICAgICAgICBt YXJnaW46MWVtOwogICAgICAgICAgICBsZWZ0OiAwcHg7CiAgICAgICAgfQoKICAgIDwvc3R5bGU+ CjwvaGVhZD4KCjxib2R5IHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDIwMCwyMDAsMjAw LDEuMCk7Ij4KCjwhLS0gQnVnIEh0bWwgLS0+CgogICAgPGRpdiBjbGFzcz0ib3ZlcmxheSBwb3Np dGlvbi1yZWxhdGl2ZSI+CiAgICAgICAgPHA+T3ZlcmxheTogWi01LiBXaGVuIHRoZSBzcGFjZXIg Y292ZXJzIHRoZSBmaXhlZCByZWQgc3F1YXJlLCB0cmFuc2l0aW9uaW5nIGhlaWdodCB0byBhdXRv LCBkb2Vzbid0IHJlbmRlciB0aGUgY29udGVudHMuCiAgICAgICAgICAgIFdoZW4gdGhlIHNwYWNl ciBpcyBzbWFsbCwgdGhlIGNvbnRlbnRzIHJlbmRlci48L3A+CiAgICAgICAgPGRpdiBjbGFzcz0i YWJzb2x1dGUtd3JhcHBlciI+CgogICAgICAgICAgICA8ZGl2IGlkPSJjb2xsYXBzZWQtZGl2IiBj bGFzcz0iY29sbGFwc2VkIG92ZXJmbG93LWhpZGRlbiIgc3R5bGU9ImhlaWdodDowOyI+CiAgICAg ICAgICAgICAgICA8ZGl2IGNsYXNzPSJwb3NpdGlvbi1yZWxhdGl2ZSI+UmVsYXRpdmUgSXRlbTwv ZGl2PgogICAgICAgICAgICA8L2Rpdj4KCiAgICAgICAgICAgIDxkaXYgaWQ9InNwYWNlciI+U3Bh Y2VyIERpdjwvZGl2PgoKCiAgICAgICAgPC9kaXY+CgogICAgPC9kaXY+CiAgICA8ZGl2IGNsYXNz PSJmaXhlZC11bmRlcmxheSI+Wi0xPC9kaXY+Cgo8IS0tIFNob3cgSGlkZSAtLT4KCiAgICA8ZGl2 IGNsYXNzPSJidXR0b25zIj4KICAgICAgICA8YnV0dG9uIGlkPSJzaG93LTE1MCIgdHlwZT0iYnV0 dG9uIiBvbmNsaWNrPSJzaXplU3BhY2VyKDMwKSIgY2xhc3M9ImZpeGVkLWJ1dHRvbiI+U21hbGwg U3BhY2VyPC9idXR0b24+CiAgICAgICAgPGJ1dHRvbiBpZD0ic2hvdy0yMDAiIHR5cGU9ImJ1dHRv biIgb25jbGljaz0ic2l6ZVNwYWNlcigyMDApIiBjbGFzcz0iZml4ZWQtYnV0dG9uIj5MYXJnZSBT cGFjZXI8L2J1dHRvbj4KICAgICAgICA8YnV0dG9uIGlkPSJzaG93LTIwMCIgdHlwZT0iYnV0dG9u IiBvbmNsaWNrPSJzaG93SGlkZSgpIiBjbGFzcz0iZml4ZWQtYnV0dG9uIj5TaG93L0hpZGU8L2J1 dHRvbj4KICAgIDwvZGl2PgogIAoKCgo8L2JvZHk+CgoKPHNjcmlwdD4KCiAgICBmdW5jdGlvbiBz aXplU3BhY2VyKHNpemUpIHsKICAgICAgICB2YXIgc3BhY2VyID0gZG9jdW1lbnQuZ2V0RWxlbWVu dEJ5SWQoInNwYWNlciIpOwogICAgICAgIHNwYWNlci5zdHlsZS5oZWlnaHQgPSBzaXplICsgInB4 IjsKICAgIH0KICAgIGZ1bmN0aW9uIHNob3dIaWRlKCkgewoKCgogICAgICAgIHZhciBjb2xsYXBz ZWREaXYgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiY29sbGFwc2VkLWRpdiIpOwoKCiAgICAg ICAgaWYgKGNvbGxhcHNlZERpdi5jbGFzc0xpc3QuY29udGFpbnMoImhlaWdodC1hdXRvIikpIHsK ICAgICAgICAgICAgY29sbGFwc2VkRGl2LmNsYXNzTGlzdC5yZW1vdmUoImhlaWdodC1hdXRvIik7 CiAgICAgICAgfQogICAgICAgIGVsc2UgewogICAgICAgICAgICBjb2xsYXBzZWREaXYuY2xhc3NM aXN0LmFkZCgiaGVpZ2h0LWF1dG8iKTsKICAgICAgICB9CgogICAgfQoKCjwvc2NyaXB0PgoKPC9o dG1sPg==