Polaris-react: Button, plain, monochrome, disclosure & loading is borkened

[arthurgouveia]

Issue summary

The following code produces a filled loading SVG:

<div style={{color: '#bf0711'}}>
  <Button plain monochrome loading disclosure>
    Try again
  </Button>
</div>

Expected behavior

Not having a square.

Actual behavior

Steps to reproduce the problem

Use the code state above.

Reduced test case

https://codesandbox.io/s/97nmz?module=App.js

[probot-shopify[bot]]

👋 Thanks for opening your first issue. A contributor should give feedback soon. If you haven’t already, please check out the contributing guidelines.

[tmlayton]

Looks like once loading to this combination of props, it visually breaks:

[arthurgouveia]

changed the title ~Button, plain, monochrome, disclosure & loading is borken~ Button, plain, monochrome, disclosure & loading is broken

but borken was so much nicer 😭

[tmlayton]

I prefer borken as well 😄

[probot-shopify[bot]]

This issue has been inactive for 180 days and labeled with Icebox. It will be closed in 7 days if there is no further activity.

[tmlayton]

Still an issue