Replies: 1 comment 5 replies
-
|
Hi @fnick851,
I assume when you say this, you mean in terms of the way you render the parts together?
Can you provide more details on what you're trying to achieve here? |
Beta Was this translation helpful? Give feedback.
-
|
@benoitgrelard My apologies the explanation is a bit confusing. So I'm just looking at the very basic example on the documentation page. And I did notice it is rendered via a Portal. That's why I don't understand how its position is always relative to the trigger, because with a Portal, it renders as the absolute positioned child of the <body>, not the child of the trigger? Isn't absolute positioned element positions relative to the first "relative" positioned parent element it finds? |
Beta Was this translation helpful? Give feedback.
-
|
We have logic that positions it absolutely but calculates its position based on where the trigger is, and based on the space available on the side you requested it to open, to avoid things like collisions, etc. Does that make sense? |
Beta Was this translation helpful? Give feedback.
-
|
@benoitgrelard That makes sense now. Thanks. So my scenario is I need a "sticky" navigation so that when I scroll the page, both the trigger and the dropdown content remains fixed or sticky positioned (won't scroll away with the page). Is there a way to achieve this? I can set position attribute of the Root (&Trigger). But it won't affect the Content. |
Beta Was this translation helpful? Give feedback.
-
|
Ah gotcha, ideally that should work straight off the bat, because the trigger isn't moving. Here's an open issue about it: #781 This is with our |
Beta Was this translation helpful? Give feedback.
-
|
Got it. Thanks for the information! |
Beta Was this translation helpful? Give feedback.
-
I notice <DropdownMenu.Content> has absolute position with left: 0 and top: 0, but it is always placed as child of and appears under the <DropdownMenu.Trigger>. How is this achieved? It is not a child of <DropdownMenu.Trigger>, but it is always absolute positioned relative to the Trigger?
Also, is there a way to make it fixed positioned? I need to build a floating navigation on the side of the page. Thanks.
Beta Was this translation helpful? Give feedback.
All reactions