Bug 256739

Summary: Web Inspector: Styles Panel: CSS logical and directional properties should be marked as overridden by each other
Product: WebKit Reporter: Razvan Caliman <rcaliman>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=218090
Attachments:
Description Flags
Test case
none
Screenshot of issue in Web Inspector none

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>