Describe the bug
The SVGs used for the App Switcher's AppAvatar component rely on IDs for some of their gradients. Becuase our docs page displays the same AppAvatar components multiple times, later instances of the SVG fail to render correctly.
Previously, this was not an issue because the DeprecatedMenu.Popover originally used did not render its children when it was not open. Now that we're using the new Menu component, the SVGs are rendered even though they're not visible.
To Reproduce
Go to the AppSwitcher docs and open the menu in the Example story (not the top-most, playground story).
Expected behaviour
SVGs would display correctly in the documentation at all times regardless of how many times they are rendered within the same document.
Screenshots
Describe the bug
The SVGs used for the App Switcher's
AppAvatarcomponent rely on IDs for some of their gradients. Becuase our docs page displays the same AppAvatar components multiple times, later instances of the SVG fail to render correctly.Previously, this was not an issue because the
DeprecatedMenu.Popoveroriginally used did not render its children when it was not open. Now that we're using the newMenucomponent, the SVGs are rendered even though they're not visible.To Reproduce
Go to the AppSwitcher docs and open the menu in the Example story (not the top-most, playground story).
Expected behaviour
SVGs would display correctly in the documentation at all times regardless of how many times they are rendered within the same document.
Screenshots