fix(radio): keyboard selection doesn't work

Author: simeonoff

projects/igniteui-angular/src/lib/radio/radio.component.html

@@ -9,7 +9,7 @@
     [attr.aria-checked]="checked"
     [attr.aria-labelledby]="ariaLabelledBy"
     [attr.aria-label]="ariaLabel"
-    (click)="_inputClicked($event)"
+    (click)="_clicked($event)"
     (focus)="onFocus()"
     (blur)="onBlur()" />
 
@@ -23,6 +23,7 @@
 </label>
 
 <span #placeholderLabel
+    (click)="_clicked($event)"
     [id]="labelId"
     [class]="labelClass">
     <ng-content></ng-content>

projects/igniteui-angular/src/lib/radio/radio.component.ts

@@ -298,8 +298,9 @@ export class IgxRadioComponent implements ControlValueAccessor, EditorProvider {
     /**
      * @hidden
      */
-    public _inputClicked(event: MouseEvent) {
+    public _clicked(event: MouseEvent) {
         event.stopPropagation();
+        this.select();
     }
 
     constructor(private cdr: ChangeDetectorRef) { }
@@ -311,7 +312,6 @@ export class IgxRadioComponent implements ControlValueAccessor, EditorProvider {
      * ```
      * @memberof IgxRadioComponent
      */
-    @HostListener('click')
     public select() {
         if (isIE()) {
             this.nativeRadio.nativeElement.blur();