[DOM] `hide` middleware `referenceHidden` incorrect when reference ancestor is `position: absolute`

For the following HTML structure, hide middleware return true, indicate that reference element been hided. Event though its parent is overflow:hidden and computed style height: 0, actually position: absolute make it related with outer relatived ancestor.

    <div style="position: relative;">
      <div style="overflow: hidden; border: 4px solid green;">
        <div style="position: absolute;">
          <div id="reference"></div>
        </div>
        <div id="floating">Floating element</div>
      </div>
    </div>

sandbox: https://codesandbox.io/s/mutable-browser-euniq7?file=/src/index.js:318-369

[atomiks]

Rip, did feel like there would be more complex cases to handle than the few tests I wrote. 😞

[atomiks]

In the Sandbox I see it’s been edited so that the reference element has position: absolute instead of the ancestor which fixes the issue.

Probably need to check every ancestor between the reference element and its clipping ancestor and see if any of them absolute?