Im making some plots using bokeh in python. I want to create a table of contents for the figures and therefore Im using the Div Widget to add some custom html ‘s and ‘s to the produced html. However each plot and each added Div creates a shadow-root (open) element as shown in the picture:

The general question is: How do I make a link from the main document or from another shadow-root to an element in a shadow-root? All shadow-roots are open.the html code

In one shadow-root I have:

<a href="#my_section">first</a>

and in the other I have:

<h1 id="my_section">NICE</h1>

This does not work. When you click the link it does nothing.