This repository has been archived by the owner on Apr 1, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 69
Menu item overflows on really long text. #5
Comments
I think it will depend on different cases... In general, there are 2 ways to solve it.
Add <Menu.Items
className={cx(
"absolute left-0 z-dropdown w-56 min-w-max mt-2 origin-top-left rounded-md shadow-sm outline-none",
"bg-white border border-gray-200",
"dark:bg-neutral-800 dark:border-gray-700"
)}
>
add <Icon
as={ArrowsExpandIcon}
label="arrows-expand"
className={cx("w-4 h-4 mr-2", active ? "" : "text-neutral-500")}
/>
<span className="flex-1 mr-2 truncate">Really really long menu text will overflow.</span>
<Kbd>⌘F</Kbd> To make sure it works with the default I think I will choose option 1 to show example. |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
When a menu item is really long, the text overflows due to the fact that the height is pre-defined.
Suggestion
Change the height to min-height. However this may have effect on other properties.
The text was updated successfully, but these errors were encountered: