offsetParent never returns an inline element. #15102

Permutatrix · 2017-01-18T19:14:13Z

<!DOCTYPE html>
<style>
  .parent {
    position: relative;
  }
</style>
<div class="parent">
  <span class="parent">
    <span id="this">ABC</span>
  </span>
</div>
<span class="parent">
  <div>
    <span id="that">ABC</span>
  </div>
</span>
<script>
  // should be: SPAN. Gecko: SPAN. KHTML/WebKit/Blink: SPAN. Servo: DIV.
  console.log(document.getElementById('this').offsetParent.tagName);
  // should be: SPAN. Gecko: SPAN. KHTML/WebKit/Blink: BODY. Servo: BODY.
  console.log(document.getElementById('that').offsetParent.tagName);
</script>

This can't be properly addressed until #13982 is fixed, because without reliable information about where an inline element starts and ends, the query code can't identify descendants of that element.

stshine · 2017-01-24T10:41:21Z

I suggest to treat inline-level element and block-level element separately like how we do it in the layout system. That is, when query an element you should first determine whether it is an inline-level or block-level element, and use different logic for the two situations.

Not sure this will actually work, but it should have some value.

jdm added A-content/dom A-layout/query C-has-manual-testcase labels Jan 18, 2017

servo / servo

offsetParent never returns an inline element. #15102

offsetParent never returns an inline element. #15102

Permutatrix commented Jan 18, 2017 •

edited

stshine commented Jan 24, 2017

servo / servo

Join GitHub today

offsetParent never returns an inline element. #15102

offsetParent never returns an inline element. #15102

Comments

Permutatrix commented Jan 18, 2017 • edited

stshine commented Jan 24, 2017

Permutatrix commented Jan 18, 2017 •

edited