Background of selected from category dropdown extends past menu on iOS

It’s hard to get a screenshot of this. On an ipad, when the ‘bullet’ category style is being used, after selecting a category from the category drop-down, the selected category’s background extends 10px past the edge of the drop-down menu.

This is because the width of .badge-wrapper.bullet is set to 100% while it also has 5px of padding. It can be fixed with either:

list-controls .category-dropdown-menu .badge-wrapper.bullet {
    box-sizing: border-box; // the width now includes the padding
}

or:

list-controls .category-dropdown-menu .badge-wrapper.bullet {
    width: calc(100% - 10px); // the right and left padding is subtracted from the width
}
2 Likes

Sure, let’s try border box, calc feels more hacked, can you send a pr?

2 Likes