bulma
bulma copied to clipboard
Button with "is-loading" modifier, the loading spinner is not visible if used with "is-inverted" modifier
This is about Bulma.
Overview of the problem
This is about the Bulma CSS framework I'm using Bulma version [latest on live bulma.com site by the time issue was created] My browser is: Chrome v112 I am sure this issue is not a duplicate?: Yes I'm sure
Description
If the button is used with the "is-loading" modifier, the loading spinner becomes practically invisible if used with the "is-inverted" modifier
Steps to Reproduce
- go to the buttons states loading section of the Bulma webpage https://bulma.io/documentation/elements/button/#states
- open the dev-tools from the browser.
- inspect the button that has the is-primary CSS class.
- add to the selected button the is-inverted CSS class.
Expected behavior
The expected behavior should be that the loading spinner takes the inverted color of the main color class if set ex: "is-primary" or the default color for text.
Actual behavior
it just displays a blank button
I'm having the same issue (spinner not visible) with this combination
bulma: 0.9.4 Safari: 16.5.2 Firefox: 116.0.3 Chrome: 116.0.5845.96