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 Inspector

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

inspector-bugzilla-changes, webkit-bug-importer

Priority:

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

Razvan Caliman

Reported 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.

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 attachment proposed patch, testcase, etc.

Razvan Caliman

Comment 1 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.

Radar WebKit Bug Importer

Comment 2 2023-05-12 16:52:20 PDT

<rdar://problem/109285988>

Note You need to log in before you can comment on or make changes to this bug.