UI Elements not showing / disappearing

[DaveyEdwards]

Problem description

When visiting the MUI site or any other site made with MUI I have this issue of things not displaying (button names/drop down icons/all icons), or just disappearing. I used to think this was due to hardware acceleration in chrome, but today with it turned off I still get it. It does work fine Chrome Canary/firefox/Edge/IE. I have experienced this issue with a few websites not using MUI as well, which leads me to believe it is something to do with graphics cards and some element properties.

Steps to reproduce

Visit any webpage with buttons/lists/elements

Versions

• Material-UI: v0.15.0
• React: 15.1.0
• Browser: Chrome v51.0.2704.84 m

Has this issue been mentioned at all? I would love to use mui if there is a fix for this

Edit:
Note - This has been happening since the first time I saw mui (around the time it came out)

[aahan96]

@DaveyEdwards Looks like it's an issue with the browser and not with MUI. Please be more specific and comment back. Till then I'll close this issue

[binarykitchen]

@aahan96 @DaveyEdwards I can reproduce this issue too here.

On Mac OS X 10.11.6 on all Firefox versions from ESR 45.3.x onwards. Each time I open the left drawer in http://www.material-ui.com/#/ and expand some items, some random ones do not appear right away. Have to move the mouse over them, wait for very short time to make them become visible.

Also happens when I build a different, small app on my local machine using list-items in a drawer.

All that does not happen on Chrome.

Looking at your existing issues, I can see that you intend to solve some Firefox-related ones for the next version 0.16.x - that said, I suggest to take this one into account too if you can?

[binarykitchen]

Probably related to #3850 since there is another FF issue being discussed

[binarykitchen]

@DaveyEdwards figured out, it's the touch ripple effect causing this. Suggest to disable this property for FF only until next version is out.

[DaveyEdwards]

@binarykitchen Ahh yes thanks, I remember playing with it back in the day and disabling touch ripple to get it to work. I wonder if there is a way to apply the same effects in material design with a way that it will display properly. May just make my own animation for it eventually. Weird that firefox it works perfectly fine on my computer and chrome is the only one it messes up on

[binarykitchen]

@DaveyEdwards thats weird. what browser and OS version are you using?

[DaveyEdwards]

I was on Chrome v51.0.2704.84 and Windows 10. Canary, Firefox, IE all work. My graphics card is a Radeon R9 290X which I have heard about weird glitches with them (Note there are huge number of these cards out there over the last few years as they were used for btc mining then the crash happened and everyone sold them very cheap).

My laptop which is Windows 10 to displays it with no issues on the same version of Chrome.