fix(material): prevent scroll on focus for radio and checkbox (#2562)

Author: aitboudad

src/material/multicheckbox/src/multicheckbox.type.ts

@@ -44,12 +44,8 @@ export class FormlyFieldMultiCheckbox extends FieldType {
     this.formControl.markAsTouched();
   }
 
-  onContainerClick(event: MouseEvent): void {
-    if (this.checkboxes.length) {
-      this.checkboxes.first.focus();
-    }
-    super.onContainerClick(event);
-  }
+  // TODO: find a solution to prevent scroll on focus
+  onContainerClick() {}
 
   isChecked(option: any) {
     const value = this.formControl.value;

src/material/radio/src/radio.type.ts

@@ -47,12 +47,15 @@ export class FormlyFieldRadio extends FieldType implements AfterViewInit, OnDest
             ? this.radioGroup.selected
             : this.radioGroup._radios.first;
 
-          radio.focus();
+          radio._elementRef.nativeElement.focus({ preventScroll: true });
         });
       }
     });
   }
 
+  // TODO: find a solution to prevent scroll on focus
+  onContainerClick() {}
+
   ngOnDestroy() {
     this.focusObserver && this.focusObserver();
   }