Breadcrumbs: theming stylesheet not properly injected in NextJS

[MarcusNotheis]

Bug Description

When being used in NextJS, the ui5-breadcrumbs are somehow breaking the style injection to the page and all theming parameters CSS Variables are missing (one adopted stylesheet is missing).

Affected Component

Breadcrumbs / BreadcrumbsItem

Expected Behaviour

Theming Parameters should be injected

Isolated Example

https://codesandbox.io/p/sandbox/gifted-water-ouu7jf

Steps to Reproduce

1. Open the example sandbox
2. See that no theming parameters are injected

Log Output, Stack Trace or Screenshots

Priority

High

UI5 Web Components Version

1.11.0

Browser

Chrome, Edge, Firefox, Safari

Operating System

MacOS

Additional Context

I didn't find the root cause of this issue, maybe it is related to all components which have internal dependencies?

• Breadcrumbs -> BreadcrumbsItem
• MultiInput -> Token?

Declaration

• I’m not disclosing any internal or sensitive information.

[MarcusNotheis]

I now tried to load every web component in isolation, here's the full list of web components which are breaking the theme injection: If I'm not mistaken, all these components are abstract components?

• BreadcrumbsItem
• CalendarDate
• ComboBoxItem
• ComboBoxGroupItem
• FilterItem
• FilterItemOption
• MenuItem
• MultiComboBoxGroupItem
• MultiComboBoxItem
• NotificationAction
• Option
• ShellBarItem: unhandledRejection: ReferenceError: customElements is not defined
• SideNavigationItem
• SideNavigationSubItem
• SortItem
• WizardStep

Sample Repository: https://github.com/MarcusNotheis/ui5wcr-next-test
How to test:

1. npm install
2. npm run dev
3. Open the individual links for each component
4. Then reload the page