Как мне закрыть FluentProfileMenu, если у меня есть собственный FooterTemplate? ⇐ C#

[Anonymous]

Я использую меню профиля в проекте Blazor 8 из самой превосходной библиотеки FluentUI и добавил собственный шаблон в элемент нижнего колонтитула, так как хочу добавить значок в этот раздел диалогового окна. Мой фрагмент рендеринга выглядит следующим образом...

Код: Выделить всё

Settings

На экране это выглядит нормально...
[img]https://i.sstatic .net/iViGr7ij.png[/img]

Однако проблема возникает, когда я нажимаю на гиперссылку настроек — это вызывает мой код программной части, который переходит на другую страницу, но Диалоговое окно все еще отображается на экране. Если я не использую свой собственный шаблон, то как только я нажимаю ссылку в нижнем колонтитуле, диалоговое окно скрывается, и навигация происходит так, как ожидалось.
У меня такое ощущение, что так и будет имеют какое-то отношение к всплытию событий, поскольку я вижу, что компонент меню профиля имеет внешний элемент div, который обрабатывает событие щелчка @onclick="@(e => PopoverVisible = !PopoverVisible)", и я предполагаю, что заключается в том, что добавление обработчика OnClick к элементу FluentAnchor каким-то образом остановило распространение этого события во внешний элемент div, что может объяснить, почему диалоговое окно не закрывается.
Я пробовал все это, но безрезультатно...

• Настройка Href FluentAnchor > на страницу, на которую я хочу перейти, и удалив вызов OnClick.
• Подключение события OnClick к FluentAnchor.< /li>
  Привязка события OnFooterLinkClick в FluentProfileMenu.

Все это вызывает навигацию (чего я и хочу!), но также оставляет открытым диалоговое окно, которое я хочу закрыть.
У кого-нибудь есть идеи, как я могу обойти эту проблему? Я знаю, это кажется довольно тривиальным, но это всего лишь одна из тех вещей, которые мне хотелось бы сгладить. Заранее благодарим за любые предложения!.

Подробнее здесь: https://stackoverflow.com/questions/786 ... ertemplate