Relume
Log in

Community forum for knowledge and support

Updated 2 months ago

Preventing the 3-dot menu from being hidden in the Table 9 component

At a glance

The community member is using the Table 9 component and is having an issue with the 3-dot menu being hidden. Another community member suggests that this could be due to the table's container having overflow: scroll or overflow: auto, which can clip elements with absolute positioning or z-index, like the menu. The recommended solutions are: moving the overflow: scroll to a more outer component, making the menus expand in a different direction, or moving the menus outside the table DOM tree, which may be difficult within Webflow and require custom code.

TTodd Broyles
·

How do I prevent this 3-dot menu from being hidden? I am using the Table 9 component.

S
1 comment
SSam Parkinson

From the screenshot, it looks like there's an overflow: scroll or overflow: auto set on the table's container.

A scroll container will clip all elements inside it. That includes elements with absolute positioning or z-index like menus.

So I'd recommend either:

  • Moving the overflow: scroll to a more-outer component in the page. That way the clipping wouldn't impact the menu
  • Make the menus expand in a different direction
  • Move the menus outside the table DOM tree. This might be hard inside webflow / require custom code.

Add a reply
Sign up and join the conversation on Slack