fix(slo): number fields safari (#164496)

elastic · Aug 22, 2023 · 1caac7d · 1caac7d
1 parent 9b489ed
commit 1caac7d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/...lugins/observability/public/pages/slo_edit/components/slo_edit_form_objective_section.tsx b/...lugins/observability/public/pages/slo_edit/components/slo_edit_form_objective_section.tsx
@@ -241,17 +241,17 @@ export function SloEditFormObjectiveSection() {
                 min: 0.001,
                 max: 99.999,
               }}
-              render={({ field: { ref, ...field }, fieldState }) => (
+              render={({ field: { ref, onChange, ...field }, fieldState }) => (
                 <EuiFieldNumber
                   {...field}
                   required
                   isInvalid={fieldState.invalid}
                   data-test-subj="sloFormObjectiveTargetInput"
-                  value={String(field.value)}
+                  value={field.value}
                   min={0.001}
                   max={99.999}
                   step={0.001}
-                  onChange={(event) => field.onChange(Number(event.target.value))}
+                  onChange={(event) => onChange(event.target.value)}
                 />
               )}
             />

diff --git a/...rvability/public/pages/slo_edit/components/slo_edit_form_objective_section_timeslices.tsx b/...rvability/public/pages/slo_edit/components/slo_edit_form_objective_section_timeslices.tsx
@@ -43,17 +43,17 @@ export function SloEditFormObjectiveSectionTimeslices() {
               min: 0.001,
               max: 99.999,
             }}
-            render={({ field: { ref, ...field }, fieldState }) => (
+            render={({ field: { ref, onChange, ...field }, fieldState }) => (
               <EuiFieldNumber
                 {...field}
                 required
                 isInvalid={fieldState.invalid}
-                value={String(field.value)}
+                value={field.value}
                 data-test-subj="sloFormObjectiveTimesliceTargetInput"
                 min={0.001}
                 max={99.999}
                 step={0.001}
-                onChange={(event) => field.onChange(Number(event.target.value))}
+                onChange={(event) => onChange(event.target.value)}
               />
             )}
           />
@@ -82,17 +82,17 @@ export function SloEditFormObjectiveSectionTimeslices() {
             defaultValue="1"
             control={control}
             rules={{ required: true, min: 1, max: 120 }}
-            render={({ field: { ref, ...field }, fieldState }) => (
+            render={({ field: { ref, onChange, ...field }, fieldState }) => (
               <EuiFieldNumber
                 {...field}
                 isInvalid={fieldState.invalid}
                 required
                 data-test-subj="sloFormObjectiveTimesliceWindowInput"
-                value={String(field.value)}
+                value={field.value}
                 min={1}
                 max={120}
                 step={1}
-                onChange={(event) => field.onChange(String(Number(event.target.value)))}
+                onChange={(event) => onChange(String(parseInt(event.target.value, 10)))}
               />
             )}
           />