Tag table component dropdown not rendering as expected

Summary

In a Table component, a 'tags' column's edit dropdown doesn't fully render, glitches, or fails to appear when the selected row is near the bottom of the page/container, and the goal is to have the dropdown open upward when there isn't room below it.

AI Response

This is a known limitation with the Table tag column dropdown in fit-to-page/expanded containers, and it has an open feature request to have the menu open upward when there's no room below. The most reliable workaround is to reserve extra space beneath the last rows: enable the container's footer and add a divider inside it (or add bottom margin/a divider below the table) so the dropdown has room to render. As a quick temporary fix, forcing a re-render also works—type a search term with no matches to trigger the 'no results' state, then clear the search so the full option list re-renders.

Sources

:bookmark: Issue with Tag Dropdown on Expanded to Fit Table
Solved topic covering the same fit-to-page table where the bottom-row tag dropdown is inaccessible; documents the accepted workaround, a force re-render trick, and links to the open feature request to have the dropdown open upward.
:bookmark: Tag column not showing info when it's the last row in the table
Solved topic confirming this is a known bug when editing tag columns in the last rows, with a concrete workaround: enable the container footer and add a divider there to give the dropdown extra space.

The Community Team is testing out a new automation. Let us know if it's helpful (or not) by leaving a :heart:, :+1:, or :-1:. Or by marking this post as the "Solution"! Let us know if you have any feedback here. :rocket:

1 Like