It's a little special here:
I have a shadowRoot b, which is inside a shadowRoot a. So it is a nested shadow root(I use polymer to build web-component, and I import material design component to my polymer project, which leads this situation)
I tried :
const temp = this.shadowRoot.querySelectorAll('mwc-fab.zoom-button');
temp in console:
Let me explain a bit more
mwc-fab is a shadow root, which I can access through the
querySelector method on above.
Now I want to have access the
button which is the shadow root of
mwc-fab, and then change the style of that shadow root with js, but I don't know how.