Toolbar: Buttons of the Default, Success, and Danger type have a transparent background when located in a menu

[FabianoCastro]

Hi, please see the attachment, I have a problem in Common CSS in the toolbar, when item have locateInMenu: 'auto'

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue was closed due to inactivity. If you found a bug or have a question about our product, create a new issue on GitHub or submit a ticket in our Support Center.

[jsdmitry]

Hi,

Thank you for your patience. We researched the issue and found that it is not possible to fix it without rewriting the entire toolbar's inner architecture. Such changes can affect existing projects of our customers, and it is necessary to test these changes thoroughly before publishing. That is why, we are unable to fix this issue at the moment. We have plans to enhance our control in the future, but I can't give you any estimates.

As a workaround, you can override CSS styles for a button inside the menu. The following example demonstrates this approach.

[FabianoCastro]

Hi,

Thanks for return, but when the user change the theme (ex. blue to dark), how can I change the color with this approach?

Some suggestion?

[AlisherAmonulloev]

Hello Fabiano,

Thank you for the update. The solution applies only if you use one theme in your application. Unfortunately, we do not see a straightforward solution to programmatically apply another set of custom CSS styles when you switch a theme. To make the solution applicable for multiple themes, it is necessary to modify styles of each theme you plan to use in your application.

[flagmanAndrew]

In v22.2 and later, the Toolbar's overflow menu takes the button.type option into account when it styles buttons.