28.5.24 — this technique is currently not working. I’ve opened a bug on the WebKit tracker: https://bugs.webkit.org/show_bug.cgi?id=274773 Since Apple introduced the iPhone X there have been a number of further devices that also make use of a ‘notched’ display; a cut out that stops a uniform rectangle canvas for us to work with. To aid … Continue reading How to get the value of phone notches/environment variables `env()` in JavaScript (from CSS)