fix(range): catching range with an invalid value on first load

Author: ShaneK

core/src/components/range/range.tsx

@@ -110,9 +110,7 @@ export class Range implements ComponentInterface {
   @Prop() min = 0;
   @Watch('min')
   protected minChanged(newValue: number) {
-    console.log('minChanged', newValue);
     if (!isSafeNumber(newValue)) {
-      console.log('minChanged not safe', newValue);
       this.min = 0;
     }
 
@@ -127,9 +125,7 @@ export class Range implements ComponentInterface {
   @Prop() max = 100;
   @Watch('max')
   protected maxChanged(newValue: number) {
-    console.log('maxChanged', newValue);
     if (!isSafeNumber(newValue)) {
-      console.log('maxChanged not safe', newValue);
       this.max = 100;
     }
 
@@ -312,6 +308,10 @@ export class Range implements ComponentInterface {
     }
 
     this.inheritedAttributes = inheritAriaAttributes(this.el);
+    // If the min or max is not safe, set it to 0 or 100 respectively.
+    // Our watch does this, but not before the initial load.
+    this.min = isSafeNumber(this.min) ? this.min : 0;
+    this.max = isSafeNumber(this.max) ? this.max : 100;
   }
 
   componentDidLoad() {