| Summary: | WKWebView does not set safe-area-inset-* values with Mac Catalyst | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Liam DeBeasi <ldebeasi> | ||||
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | bfulgham, webkit-bug-importer | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari Technology Preview | ||||||
| Hardware: | Mac | ||||||
| OS: | macOS 10.15 | ||||||
| Attachments: |
|
||||||
Created attachment 403107 [details] Example application for bug reproduction WKWebView does not set the safe-area-inset-* values when running an application using Mac Catalyst. Steps to reproduce: 1. Open attached project in Xcode. 2. Run app on Mac. 3. When the app loads, attempt to scroll down. You should notice that some text scrolls down from under the toolbar. 4. In Safari Web Inspector, inspect the "--safe-area-top" CSS Variable on the body. You should notice that it is set to "0px". I would expect that the safe-area-inset-top value is set to a value such that the text in the example app is not hidden under the toolbar. The safe-area-inset-* values are set properly when running this same app on an iOS device.