mwc-radio does not properly group when used in lit-element map or repeat.

[aarondrabeck]

The root node of a mwc-radio in a lit repeat/map is a document fragment with a text node, mwc-radio and text-node. This means each mwc-radio get its own unique selection controller, preventing the selection controller from working.

https://github.com/material-components/material-components-web-components/blob/8d2ab311e8cd24f2e82e91f89976e61d846098ad/packages/radio/src/selection-controller.ts#L41

A crude work-around is to override the _selectionController for each checkbox manually and call register, overriding the default improper behavior.

firstUpdated()   //true parent of all checkbox's in a group
 if (!window['ShadyDOM'] || !window['ShadyDOM']['inUse']) {
      const _selectionController = SelectionController.getController(this);
      for (const radio of this.radioBoxes) {
        // tslint:disable-next-line: no-any
        (radio as any)._selectionController = _selectionController;

        // Overrides the selection controller for the radio buttons so
        //they properly share a controller.
        _selectionController.register(radio);
      }
    }

[eskan]

#279

[lucsoft]

i fixed this issue like so

/**
 * Fixes Radio Buttens (can be removed in later versions)
 */
public updated()
{
    var dialog = this.renderRoot.querySelector("mwc-dialog");
    if (dialog == undefined) return;
    var radios: any = dialog.querySelectorAll('mwc-radio');
    const sControler = SelectionController.getController(<HTMLElement>dialog);
    for (let index = 0; index < radios.length; index++)
    {
        const element = radios[ index ];
        element._selectionController = sControler;
        sControler.register(element);
    }
    console.log(this);
}

[aomarks]

Just published version 0.10.0 that includes this fix.