Angular dart click event on <a> href, which is wrapped in a shadow dom, redirected to the shell

Question

In the Angular dart Chapter_06 tutorial, the default router is based on a hash. After you change it to Html 5 push state, the route on the edit button, which is inside view_recipe_component, does not work.

After checking, it turns out that this is because the link of the edit button is inside the shadow dom, so the click event is redirected to the <view-recipe> element (shell of the shadow house). Then DefaultWindowClickHandler cannot get the desired item, so it does not fall into the control of the router.

So what should I do to handle this reassignment of events in the shadow dom in the Angular dart router? or is there an existing solution in angular dart?