bulma icon indicating copy to clipboard operation
bulma copied to clipboard

Button with "is-loading" modifier, the loading spinner is not visible if used with "is-inverted" modifier

Open jhonland opened this issue 1 year ago • 1 comments

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

  1. go to the buttons states loading section of the Bulma webpage https://bulma.io/documentation/elements/button/#states
  2. open the dev-tools from the browser.
  3. inspect the button that has the is-primary CSS class.
  4. 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

jhonland avatar Apr 14 '23 13:04 jhonland

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

butaca avatar Aug 22 '23 19:08 butaca