Internal issue 3140 - IcPopoverMenu anchor errors in shadow dom

Hi,

I’ve created a mfe to embed into an application. However, when I load the page I get a error in the console that states “popover anchor element ‘XXX’ not found”. It seems that the line of code where it errors is when it tries to find the anchor using document.querySelector in this.findAnchorEl. This works fine outside of a shadow dom when not an mfe.

I’m using icds react v3.12.0 and this might be related to [Internal issue 2921 - Issues with shadow dom and button/popover menu · Issue #2757 · mi6/ic-ui-kit|https://github.com/mi6/ic-ui-kit/issues/2757].

If you have any suggestions / examples for a workaround then that would be great.

Thanks

Start with IcPopoverMenu.findAnchorEl and reproduce the reported error while loading an MFE inside a shadow DOM with icds React v3.12.0. Compare the behavior with the related issue #2757 and verify the result by loading the page without the “popover anchor element ‘XXX’ not found” console error.

Written by the indexing model from the issue text.