I'm trying to get a behavior where hovering over an item adds a button inside (in reality it's a table cell, placed inside a CSS Grid for the whole table), without causing the cell to expand, but rather have the inner text truncate to accommodate the newly added button.
All of this, without setting a hardcoded
width
width
(or similar) on
.two
.two
, of course - since that defeats the purpose.
This is my current state of things - when hovering/tabbing into
button.two
button.two
, the
.badge
.badge
should not increase
.two
.two
's size in the grid, but rather have "Two Hundred" (