Bug 256739 - Web Inspector: Styles Panel: CSS logical and directional properties should be marked as overridden by each other
Summary: Web Inspector: Styles Panel: CSS logical and directional properties should be...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-05-12 16:47 PDT by Razvan Caliman
Modified: 2023-05-12 16:52 PDT (History)
2 users (show)

See Also:

Attachments
Test case (329 bytes, text/html)
2023-05-12 16:47 PDT, Razvan Caliman 		no flags Details
Screenshot of issue in Web Inspector (667.77 KB, image/png)
2023-05-12 16:49 PDT, Razvan Caliman 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Razvan Caliman 2023-05-12 16:47:12 PDT 
Created attachment 466337 [details]
Test case

CSS logical properties overridden by direction properties and vice-versa should be marked accordingly in the Styles panel.

Take care that the properties override each other depending on the writing mode.

For example, in right-to-left writing mode, `margin-left` and `margin-inline-start` refer to different ends and do not override each other, whereas they do in left-to-writing mode.
Comment 1 Razvan Caliman 2023-05-12 16:49:11 PDT 
Created attachment 466338 [details]
Screenshot of issue in Web Inspector

In left-to-right writing mode, `margin-left` should be marked as overridden because the following `margin-inline-start` takes precedence.
Comment 2 Radar WebKit Bug Importer 2023-05-12 16:52:20 PDT 
<rdar://problem/109285988>