| A | B | C | D | E | F | G | H | I | J | K | L | M | ||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | TIP: Use the filter views to limit which browsers you see | Dynamic UA UI | ICB | Layout Viewport | window.innerHeight | window.outerHeight | 100svh | 100dhv | 100lvh | 100vh | Visual Viewport | Events Fired | Misc | |
2 | Scenario: Dynamic UA UI Expanded (Initial State) | |||||||||||||
18 | Scenario: Dynamic UA UI Retracted | |||||||||||||
19 | iOS Safari (15.5) | Contracted | Same as UA UI Shown | Grows as more space becomes available. Follows momevent of UA UI. | Grows with LVP | innerHeight + UA chrome (= screen.height) | Stable | Follows animated UI elements | Stable | Stable | Grows as more space becomes available Shifts down with scroll position | |||
20 | iOS Chrome (103) | Contracted | Same as UA UI Shown | Grows as more space becomes available. Follows momevent of UA UI. | Grows with LVP | innerHeight + UA chrome (= screen.height) | Stable | Follows animated UI elements | Stable | Stable | Grows as more space becomes available PageTop moves down with scroll position (once top bar has shrunk) | |||
21 | iOS Edge (103) | Contracted | Resizes | Grows as more space becomes available. Follows momevent of UA UI. | Grows with LVP | innerHeight | No Support, just follows vh | No Support, just follows vh | No Support, just follows vh | Grows as UA UI hides | Grows as more space becomes available PageTop moves down with scroll position (once top bar has shrunk) | |||
22 | iOS Firefox (102) | Contracted | Resizes | Grows as more space becomes available. Follows momevent of UA UI. | Grows with LVP | innerHeight | No Support, just follows vh | No Support, just follows vh | No Support, just follows vh | Grows as UA UI hides | Grows as more space becomes available Shifts down with scroll position | |||
23 | Android Chrome (104 + Viewports Flag) | Contracted | Same as UA UI Shown | Grows because more space available, but only upon trigger of w.resize which only gets triggered after lifting finger up | Grows because more space available, but only upon trigger of w.resize which only gets triggered after lifting finger up | innerHeight | Stable | Updates on w.resize () | Stable | Stable | Grows as more space becomes available Shifts down with scroll position | |||
24 | Android Edge (103) | Contracted | Same as UA UI Shown | Grows because more space available, but only upon trigger of w.resize which only gets triggered after lifting finger up | Grows because more space available, but only upon trigger of w.resize which only gets triggered after lifting finger up | innerHeight | No support, collapsed | No support, collapsed | No support, collapsed | Stable | Grows as more space becomes available. Size not 100% correct; There are 51 pixels missing. After lifting finger the correct value is returned Shifts down with scroll position | |||
25 | Android Firefox (103) | Contracted | Same as UA UI Shown | Grows because more space available, but only upon trigger of w.resize which only gets triggered after lifting finger up | Grows because more space available, but only upon trigger of w.resize which only gets triggered after lifting finger up | ??? | Stable | Follows animated UI elements | Stable | Stable | Grows as more space becomes available Shifts down with scroll position | |||
26 | ChromeOS Chrome (104) | Contracted | ||||||||||||
27 | macOS Safari (TP 150) | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||
28 | macOS Chrome (104 + FixedElementsDontOverscroll Flag) | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||
29 | macOS Edge (103) | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||
30 | macOS Firefox (104) | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||
31 | Windows Chrome | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||
32 | Windows Edge | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||
33 | Windows Firefox | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||
34 | Scenario: Virtual Keyboard Shown | |||||||||||||
50 | Scenario: Virtual Keyboard Shown + Overlays Mode Enabled | |||||||||||||
66 | Scenario: Pinch-zoomed in | |||||||||||||
82 | Scenario: Pinch-zooming Out (and over-pinch zooming out) | |||||||||||||
98 | Scenario: Overscroll at Top, triggering Pull to Refresh | |||||||||||||
114 | Scenario: Overscroll at Top, not triggering Pull to Refresh | |||||||||||||
130 | Scenario: Scrolling | |||||||||||||
146 | Scenario: Classic Scrollbars Present |