Join the Webstudio community

Updated 2 months ago

Right-aligned Radix Nav dropdown extends beyond page border

At a glance

The community member has encountered an issue with the behavior of a component and has provided a screenshot and a demo link. They have looked at the Radix documentation but have not been able to find a solution. The comments suggest that the community member should try changing the position of the viewport container to 0 right and resetting the left, or moving it slightly to the right (e.g., 15px) to avoid it being on the edge of the viewport. However, there is no explicitly marked answer.

Useful resources
See screenshot. I've looked at the Radix documentation, but haven't been able to apply any attributes to change this behavior. Any ideas?

Demo: https://p-2d1734a2-7ec2-434c-a08b-894b395c5830.apps.webstudio.is/?authToken=4c286d5b-9e31-47c1-bb8e-764c79aacfc0&mode=preview
Attachment
Screenshot_2024-09-13_at_5.05.36_PM.png
J
p
3 comments
cahnge viewport container position to 0 right and reset left like this
Attachment
image.png
or right to like 15px so it's not on the edge of the viewport
Add a reply
Sign up and join the conversation on Discord