rebass icon indicating copy to clipboard operation
rebass copied to clipboard

Button is broken on MacOS

Open OctaBruzzesi opened this issue 5 years ago • 6 comments

Hi! The issue is when I try to render the <Button /> component in a macbook with MacOS 10.15. The component is invisible and is not being shown on the screen, and you can find that it's being rendered.

image

Let me know if I can help, thanks!

OctaBruzzesi avatar Feb 27 '20 13:02 OctaBruzzesi

I don't know your code, but did you simply put a Button inside your app? You need to wrap your code with a ThemeProvider like in their official example

sclausen avatar Feb 28 '20 09:02 sclausen

I don't know your code, but did you simply put a Button inside your app? You need to wrap your code with a ThemeProvider like in their official example

I wrapped it in the ThemeProvider. Just did some tests, and the problem is when you use yarn. If you use npm it works.

OctaBruzzesi avatar Feb 29 '20 14:02 OctaBruzzesi

Sounds like this might be due to multiple versions of Emotion being installed. You can use yarn list (or similar) to make sure only one copy is installed

jxnblk avatar Mar 02 '20 23:03 jxnblk

Sounds like this might be due to multiple versions of Emotion being installed. You can use yarn list (or similar) to make sure only one copy is installed

Sure! But I had this package installed in another friend's macboook and it was broken too.

OctaBruzzesi avatar Mar 15 '20 19:03 OctaBruzzesi

I am having the same issue. Using ThemeProvider as well. Looking at the css you can see that the background-color is not set to the actual color.

Screen Shot 2020-03-30 at 9 23 11 AM

joserocha3 avatar Mar 30 '20 14:03 joserocha3

Button is Still broken can anyone help please? variants on theme.js also not working image

joeljerushan avatar Jan 26 '21 06:01 joeljerushan