search

Dogfalo / materialize

Materialize, a CSS Framework based on Material Design
https://materializecss.com
MIT License
38.86k stars 4.74k forks source link

waves-effect Does not work with ShadowDOM v1 #5772

Open valyrie97 opened 6 years ago

valyrie97 commented 6 years ago

Expected Behavior

assuming the stylesheet has been imported into the Shadow Root properly, and is locally scoped, the waves effect should still be applied to anything with the waves-effect class.

Current Behavior

Currently, the effect does not render if the element with waves-effect is inside of a shadow root, be it open or closed.

Possible Solution

My first thought is that there is a search somewhere in the javascript looking for the class, but when it reaches a shadow root, the search doesnt go any further. If i could give Materialize a reference to my Local shadow root, it could also search there.

Steps to Reproduce (for bugs)

Context

At My company We use ShadowDOM for Encapsulating Our Web Component modules, similar to something like Polymer.

Your Environment

I'm running Chrome 65 on Windows 10, build 16299.

CodeF0x commented 4 years ago

An update on this would be great, I'm having a similar problem!