test repro issue when in shadow dom and renderInPlace

[patricklx]

repro

• click on trigger -> it opens
• click on something inside dropdown -> it stays open
• click on trigger 2d time-> it opens
• click on something inside dropdown -> it does NOT stay open

[mkszepp]

hmm... i have inside test-app a demo (http://localhost:4200/shadow-root), you can start demo with ember s shadowDom.
If i change this like in your test, it looks like it works 🤔

<BasicDropdown @renderInPlace={{true}} as |dropdown|>
  <dropdown.Trigger>Open me, i'm in shadow</dropdown.Trigger>
  <dropdown.Content>
    <div style="height: 100px; width: 100px; background: black"></div>
  </dropdown.Content>
</BasicDropdown>

The difference is that the element ember-basic-dropdown-content- has in route ember-basic-dropdown-content--left ember-basic-dropdown-content--below and in test there is ember-basic-dropdown-content-- ember-basic-dropdown-content--

[patricklx]

@mkszepp
it has the same issue for me.

• if i click first time it opens dropdown and i can click on div, it will not close

i close the dropdown and open again

• now i click the div in dropdown and it does not stay open, it will close

[mkszepp]

thanks for input... added a fix here #973

The issue was, that the rootElement removeEventListener wasn't working... Now we save the element on which we are adding the events and this solves this issue

[mkszepp]

I have copied your test into the other PR... fix is released in v8.6.2... thanks for your help