无线电输入两个独立的阴影dom，不尊重name属性

Question

我正在使用plnkr.co/edit/16SQfJRui1Yy985iVgWf?p=preview，所以我想我会把它包裹在一个漂亮的小<mdc-radio name="the-name" value="the-value"></mdc-radio>中。

一切进展顺利，但后来我意识到我多次使用同一个name属性......

<mdc-radio name="the-name" value="the-value-1"></mdc-radio>
<mdc-radio name="the-name" value="the-value-2"></mdc-radio>

..它不会切换具有相同名称的其他选定mdc-radio。我认为这是因为收音机位于两个独立的影子dom容器中。它是否正确？有没有办法绕过这种行为？

Answer 1

这是一个愚蠢的问题。我假设自定义元素需要使用Shadow DOM，但事实并非如此。只需将MDC Radio标记附加到this构造函数内的HTMLElement就可以了。