PolymerElements/paper-radio-group

paper-radio-button nested in custom element goes unnoticed

Closed this issue · 1 comments

Problem

I have a paper-radio-button nested within a custom element. I expected the button to be picked up by paper-radio-group, but it was not caught. I've been able to narrow it down to the call to queryDistributedElements() in _updateItems() of the IronSelectableBehavior (https://github.com/PolymerElements/iron-selector/blob/master/iron-selectable.html#L272). Changing queryDistributedElements() to querySelectorAll() would quickly solve the issue, but I know IronSelectableBehavior is used in more than one place and that might have undesirable effects.

I have made a custom element mimicking paper-radio-group, applying the aforementioned solution to its _updateItems() method, and it works.

Live Demo

https://jsfiddle.net/vbkpmat4/

As you can see, the third item is not considered part of the list.

Browsers Affected

All.

Yeah, unfortunately this is a known limitation of iron-selector: PolymerElements/iron-selector#42 😰

Closing this as a duplicate of that issue.