canonical / react-components

A set of components based on Vanilla Framework
https://canonical.github.io/react-components
95 stars 51 forks source link

Spinning animation in `ActionButton` ends too late #1109

Open lorumic opened 1 month ago

lorumic commented 1 month ago

When using ActionButton with the loading and disabled props, the spinning animation ends later than when the variable regulating the loading behaviour is set to false:

            <ActionButton
              disabled={isLoading}
              loading={isLoading}
              className="u-no-margin--bottom"
              onClick={handleGenerate}
            >
              Request new URL
            </ActionButton>

Peek 2024-07-25 20-30

As can be seen in the screen capture, the cursor gets switched back to the pointer value (= enabled state) while the spinning animation is still showing.