[Webkit-unassigned] [Bug 229184] New: Web Inspector: Styles: Writing mode relative longhands specified by User Agent not shown crossed out when overwritten using absolute shorthand

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Aug 17 04:54:58 PDT 2021


https://bugs.webkit.org/show_bug.cgi?id=229184

            Bug ID: 229184
           Summary: Web Inspector: Styles: Writing mode relative longhands
                    specified by User Agent not shown crossed out when
                    overwritten using absolute shorthand
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: bugmenot at mailinator.com

If the user overwrites properties using an absolute shorthand, which the User Agent style sheet set using writing mode relative longhand properties, then they are not correctly shown as ~~crossed out~~ in the Styles pane of the Web Inspector developer tools.

Currently, the only writing mode relative longhands used in the User Agent style sheet are `margin-*` and `padding-*` used on for example the `<p>` and the `<ul>` element.

Absolute longhands are shown correctly as crossed out when using the absolute shorthand, for example the `padding-*` and `border-*` on a `<button>` element. 

---

User style sheet

```html
<p>Hello World</p>
```

```css
p {
  display: flex;
  margin: 0;
}
```

User agent style sheet

```
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
```

SHOULD result in

```
p {
~~display: block;~~
~~margin-block-start: 1em;~~
~~margin-block-end: 1em;~~
~~margin-inline-start: 0px;~~
~~margin-inline-end: 0px;~~
}
```

INSTEAD results in

```
p {
~~display: block;~~
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
```

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210817/03bc04d2/attachment.htm>


More information about the webkit-unassigned mailing list