Incorrect initial reflow when inline parent has horizontal direction flip

[Tim Nguyen (:ntim)]

http://wpt.live/css/css-logical/reference/logical-values-float-clear-reftest-ref.html

When you open the web inspector, the page changes layout & it looks correct, presumably because the web inspector causes a reflow.

I haven't looked deeply into the cause or what exactly causes this, but here's a smaller testcase:

<style>
.test {
  display: block;
  overflow: hidden;
  width: 300px;
}
.inline {
  display: inline;
}
.float, .clear {
  display: block;
  overflow: hidden;
  height: 3px;
  width: 100px;
  background: #f0f;
}
.clear {
  background: #0ff;
}
</style>
<div class="test" style="direction: ltr;"><div class="inline" style="direction: rtl;"><div class="float" style="direction: ltr; float: left;"></div><div class="clear" style="direction: ltr; clear: right;"></div></div></div>

[Tim Nguyen (:ntim)]

Created attachment 425013 [details]
Before opening web inspector

[Tim Nguyen (:ntim)]

Created attachment 425014 [details]
After opening web inspector (correct result)

[zalan]

Created attachment 425015 [details]
Test reduction

[Tim Nguyen (:ntim)]

I had to disable imported/w3c/web-platform-tests/css/css-logical/logical-values-float-clear-reftest.html in bug 218087 because of this bug.

I linked it here in the TextExpectations file, so it's worth testing again here if it's still broken.

[Radar WebKit Bug Importer]

<rdar://problem/76450146>

[Ahmad Saleem]

This seems to be fixed in STP165 using attached test case from Alan and matching with Chrome Canary 113 and Firefox Nightly 113.

I think we enable test referred by Tim in Comment 04 now.