fix: number-field range coercion and step constrols (#5289)

* Improving number field interactions and tests

* Change files

* Updating documentation

Co-authored-by: Chris Holt <chhol@microsoft.com>

change/@microsoft-fast-components-975f9119-d3ac-4fd6-8d2f-0b7d7c3e0427.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Improving number field interactions and tests",
+  "packageName": "@microsoft/fast-components",
+  "email": "robarb@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-foundation-83e5227a-0b02-49ab-966a-8ea4103d387e.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Improving number field interactions and tests",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "robarb@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/web-components/fast-components/src/number-field/fixtures/number-field.html

@@ -9,11 +9,11 @@ <h2>Hide step</h2>
 <h2>With value</h2>
 <fast-number-field value="10"></fast-number-field>
 
-<h2>With min 1 and max 10</h2>
-<fast-number-field value="5" min="1" max="10"></fast-number-field>
+<h2>With min 10 and max 100</h2>
+<fast-number-field value="5" min="10" max="100"></fast-number-field>
 
 <h2>0.1 stepping</h2>
-<fast-number-field value="0.2" min="0" max="1" step=".1"></fast-number-field>
+<fast-number-field value="0.2" step=".1"></fast-number-field>
 
 <h2>Full Width</h2>
 <fast-number-field style="width: 100%;"></fast-number-field>

packages/web-components/fast-foundation/docs/api-report.md

@@ -1542,7 +1542,8 @@ export class NumberField extends FormAssociatedNumberField {
     control: HTMLInputElement;
     // @internal (undocumented)
     defaultSlottedNodes: Node[];
-    displayText: string;
+    // @internal
+    handleBlur(): void;
     // @internal
     handleChange(): void;
     // @internal