You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi, I'm using the navigation menu elements for the navbar on a website I'm building, and the entire navbar uses backdrop-blur-md with a 50% transparent background color. When I got to adding backdrop blur to the navigation menu dropdowns as well, I discovered that no matter what I do, the backdrop is never blurred.
After some further research, I discovered that it's likely because the Radix primitives it's based on are rendered within a "portal" component, which completely separates the component from its' parent and renders it in a completely different part of the DOM.
Is there a way to somehow do it despite this? I can't figure one out.
Thanks.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Hi, I'm using the navigation menu elements for the navbar on a website I'm building, and the entire navbar uses backdrop-blur-md with a 50% transparent background color. When I got to adding backdrop blur to the navigation menu dropdowns as well, I discovered that no matter what I do, the backdrop is never blurred.
After some further research, I discovered that it's likely because the Radix primitives it's based on are rendered within a "portal" component, which completely separates the component from its' parent and renders it in a completely different part of the DOM.
Is there a way to somehow do it despite this? I can't figure one out.
Thanks.
Beta Was this translation helpful? Give feedback.
All reactions