MaterialCollection: border between items sometimes doesn't show on Firefox

[gilberto-torrezan]

This is weird. Here is a screenshot from the demo app on Chrome:

And this is a screenshot on Firefox:

Note that on Firefox, some borders between items aren't showed. Zooming at the page makes some borders to show and some to disappear (the screenshot was taken at 100% zoom).

The border behaviour was always consistent on Chrome in my tests.

[kevzlou7979]

I tried Firefox 42.0 and the border is ok.

[gilberto-torrezan]

Same version here. Did you try to change the the zoom of the page to see if it affects the borders?

Maybe the platform is affecting the rendering somehow? I'm always on Linux.

[kevzlou7979]

yes i tried to zoom in / out and its working. I think its a linnux firefox problem.

[kevzlou7979]

With the BrowserStack help, I can now reproduce the issue in Mozilla 42 with success. I investigate deeply the root cause of the issue on borders and figure it out after spending some time browsing on the forums. And the main issue is the class waves-effect which has a css attribute will-change and the only solution is to set it initial for a workaround.

See the screenshot below. Will commit a fix sooner.

[kevzlou7979]

Fixed via 7ff1e8a