Bug 211994 - MobileSafari falsely claims CSS resize property support
Summary: MobileSafari falsely claims CSS resize property support
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified iOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-05-17 03:08 PDT by Bramus
Modified: 2020-05-18 19:47 PDT (History)
7 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Bramus 2020-05-17 03:08:21 PDT
Recently I wrote an article on using CSS `resize: both;`: https://www.bram.us/2020/05/15/css-only-resizable-elements/

In browsers that don't support this property I wanted to show a warning on screen to notify users thereof. For this I use an @supports rule:

```css
.warning {
    display: block;
}

/* Hide warning in case browser supports resize: both; */
@supports (resize: both) {
    .warning {
        display: none;
    }
}
```

I've come to notice that MobileSafari – which does not support `resize: both;` – hides the warning and thus falsely claims to support said CSS resize property.

Demo: https://codepen.io/bramus/pen/RwWeqOP
Comment 1 Radar WebKit Bug Importer 2020-05-18 03:48:02 PDT
<rdar://problem/63335059>