Bug 218090 – [css-logical] Fix getComputedStyle for logical properties

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: CSS

[Simon Fraser (smfr)]

- Fix CSSOM problems like:
    document.documentElement.style.marginLeft = "1px";
    getComputedStyle(document.documentElement).marginLeft; // "1px", good
    document.documentElement.style.marginInlineStart = "2px";
    getComputedStyle(document.documentElement).marginLeft; // "2px", good
    document.documentElement.style.marginLeft = "3px";
    getComputedStyle(document.documentElement).marginLeft; // "2px", bad, should be "3px"

[Radar WebKit Bug Importer]

<rdar://problem/70578989>

[Oriol Brufau]

Note the underlying problem is not in getComputedStyle,

    document.documentElement.style.marginLeft = "1px";
    document.documentElement.style.cssText; // "margin-left: 1px;"
    document.documentElement.style.marginInlineStart = "2px";
    document.documentElement.style.cssText; // "margin-left: 1px; margin-inline-start: 2px;"​
    document.documentElement.style.marginLeft = "3px";
    document.documentElement.style.cssText; // "margin-left: 3px; margin-inline-start: 2px;"

the last one should become "margin-inline-start: 2px; margin-left: 3px;" so that margin-left takes precedence.

Chromium has the same problem, Firefox does it right.

[Oriol Brufau]

Fixed in bug 226461.

*** This bug has been marked as a duplicate of bug 226461 ***