Our current sidenav custom element, applies incremental ids to each collapsible item within it starting with collapsible-nav-0
If there are multiple <moj-collapsible-nav> elements on a page, each starts applying ids from 0, which results in duplicate ids on the page.
This PR fixes this issue, by applying either a dynamic, timestamp-based id to each instance of the component, or by allowing the user to manually set an id on the custom element, and using this id as a prefix for the child collapsible nav elements.
Our current sidenav custom element, applies incremental ids to each collapsible item within it starting with
collapsible-nav-0If there are multiple
<moj-collapsible-nav>elements on a page, each starts applying ids from 0, which results in duplicate ids on the page.This PR fixes this issue, by applying either a dynamic, timestamp-based id to each instance of the component, or by allowing the user to manually set an id on the custom element, and using this id as a prefix for the child collapsible nav elements.