<ix-dropdown> does not work with ID as trigger when using Shadow DOM

[GauravJKshirsagar]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

does not work with ID as trigger when using Shadow DOM with ViewEncapsulation.ShadowDom enabled in Angular. As a result, we have to rely only on Angular # template reference variables, which are static and cannot be set dynamically.

What type of frontend framework are you seeing the problem on?

Angular

Which version of iX do you use?

v2.4.1

Code to produce this issue.

https://stackblitz.com/edit/rluddp-bopive?file=src%2Fapp%2Fdropdown-icon.ts

[danielleroux]

Exactly that's the idea of the shadowDOM. What's happens in the shadowDOM stays in the shadowDOM.