Button group overflow menu is unusably narrow

The overflow menu of the new button group control seems to have very little usable space. I'm only able to see about 1.5 words for each menu item contained within, making it pretty unusable. Currently the control is placed on the right side of my screen, but allowed to take up to 1/2 of the app's width. Alignment of the buttons does not affect the outcome.

image

Unable to inspect the HTML element when the menu is open (using the element inspector in the browser causes the menu to disappear) so I can't even work around this by overriding the styles.

Chrome Version 120.0.6099.234 at normal screen resolution
Mac OS 14.2.1
Similar results on Safari

1 Like

Hello, same issue.
But i was able to "expand" it
its selector will be likely at the bottom when opened

._pB0Q3 {
  width: 300px;
}

Would love to see an option to set the width or at least an option to fit content on any menu, including the tag columns on the new table.

I just realized there is an overflow menu in tables, which I got excited about, but then realized it suffers from the same unreasonably-narrow display problem.

The class selector (_pB0Q3) worked for me, but I don't know how long that obfuscated/random-looking class will work, so I'm using this as an alternative. Better or worse?

body > div[data-ismodal="false"] div[role="listbox"] {
  min-width: 200px;
}

o.O I didn't know you could do that, im def bookmarking this :rofl: that seems like a way more flexible solution than the hardcoded random name (they do change and you won't know when until it's too late)