232325 2021-10-26 12:14:02 -0700 The Smart App Banner breaks CSS for full-viewport web apps 2021-10-27 13:52:33 -0700 1 1 1 Unclassified WebKit Layout and Rendering Safari 15 iPhone / iPad Other NEW https://bugs.webkit.org/show_bug.cgi?id=232237 InRadar P1 Blocker --- 1 roccoc webkit-unassigned bfulgham simon.fraser sriramkrish85 thorton webkit-bug-importer zalan oldest_to_newest 1808976 0 roccoc 2021-10-26 12:14:02 -0700 # Description of the problem: * I have a web application that spans the full height of the viewport. * It needs to know the exact height of the viewport because it is a scrolling carousel of images. * Because the bottom nav collapses, the viewport is resized during scrolling, breaking the UI. * It is possible to prevent the bottom nav from collapses by setting `overflow: hidden` on the body tag, forcing a fixed viewport size. * When the smart app banner is present, however, the bottom nav will still collapse. # Repro Steps: * Use a web page with the styles `body { overflow: hidden }` and enough content in the body so that is scrolls * Verify that scrolling within the body does not cause the bottom nav to collapse * Now open the web page with a smart app banner showing * The bottom nav collapses and the viewport is resized 1809120 1 webkit-bug-importer 2021-10-26 17:25:08 -0700 <rdar://problem/84688427>