Re: [csswg-drafts] [css-logical-1] Order of inheritance vs. mapping in logical properties

It might even be clearer with the following two slightly simpler examples:

```html
<div style="margin-left: 10px; margin-right: 20px; direction: rtl">
  <div style="margin-left: inherit /* compat requires 10px */; direction: ltr"></div>
</div>
```

```html
<div style="margin-left: 10px; margin-right: 20px; direction: rtl">
  <div style="margin-inline-start: inherit /* 10px or 20px? */; direction: ltr"></div>
</div>
```

In other words, does `inherit` inherit the computed *physical* value from the parent (always), or does it inherit from whichever of physical or logical was specified?

I would hope, at least, that those two examples produce the same results (respectively) as these two:

```html
<div style="margin-inline-end: 10px; margin-inline-start: 20px; direction: rtl">
  <div style="margin-left: inherit; direction: ltr"></div>
</div>
```

```html
<div style="margin-inline-end: 10px; margin-inline-start: 20px; direction: rtl">
  <div style="margin-inline-start: inherit; direction: ltr"></div>
</div>
```

since the outer `div` always has the same computed values for all properties (the difference in that in these last two, it got those values through logical properties rather than physical ones).

-- 
GitHub Notification of comment by dbaron
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3029#issuecomment-414010881 using your GitHub account

Received on Friday, 17 August 2018 23:21:04 UTC