search

n8design / htwoo

hTWOo - a better Fluent UI framework.
http://my.n8d.at/hTWOo
MIT License
91 stars 9 forks source link

Wrong width on overflow menu items #124

Closed gabbsmo closed 3 months ago

gabbsmo commented 3 months ago

Describe the bug In flyout menus, all items will take up all the available width in the menu, as per .hoo-buttonflyout-item. This is not applied to .hoo-buttoncmd that is been moved into a overflow menu.

To Reproduce Steps to reproduce the behavior:

  1. Go to Pattern Lab
  2. Trigger overflow and ensure there are at least to items in the overflow menu
  3. Change the label of one of the items
  4. Hover over a item with a shorter label
  5. Notice that the hover background does not cover the full width

Expected behavior Full width should be clickable and should have background on hover.

Desktop (please complete the following information):

gabbsmo commented 3 months ago

My workaround:

.hoo-buttonflyout .hoo-buttoncmd {
    width: 100%;
}
StfBauer commented 3 months ago

Yeah that fixed that - thanks.

StfBauer commented 3 months ago

Fixed in in 2.4. 0