[whatwg/fullscreen] Change fullscreen CSS from `top`/`bottom`/`left`/`right` to `inset` (Issue #201)

The fullscreen spec says this:

```css
*|*:not(:root):fullscreen {
  top:0 !important; right:0 !important; bottom:0 !important; left:0 !important;
}
::backdrop {
  top:0; right:0; bottom:0; left:0;
}
```

For brevity and (small) performance improvement, would it be better to do this?

```css
*|*:not(:root):fullscreen {
  inset:0 !important;
}
::backdrop {
  inset:0;
}
```

On at least Chromium, `inset:0` can be faster than individual `top`/`left`/`bottom`/`right` properties. And the notation is easier to understand. This also seems like a web-compatible change to make.

@dbaron @bfgeek

-- 
Reply to this email directly or view it on GitHub:
https://github.com/whatwg/fullscreen/issues/201
You are receiving this because you are subscribed to this thread.

Message ID: <whatwg/fullscreen/issues/201@github.com>

Received on Monday, 22 August 2022 21:49:13 UTC