Correct the size of disabled ValidatedDualRange components in InputCo…

…ntrol visualizations (opensearch-project#8108) * Correct the size of disabled ValidatedDualRange components in InputControl visualizations Signed-off-by: Miki <miki@amazon.com> * Changeset file for PR opensearch-project#8108 created/updated * Update snapshot Signed-off-by: Miki <miki@amazon.com> --------- Signed-off-by: Miki <miki@amazon.com> Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
sejli · Sep 11, 2024 · 7aecd73 · 7aecd73
1 parent 42317f1
commit 7aecd73
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/changelogs/fragments/8108.yml b/changelogs/fragments/8108.yml
@@ -0,0 +1,2 @@
+fix:
+- Correct the size of disabled ValidatedDualRange components in InputControl visualizations ([#8108](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8108))
diff --git a/...plugins/input_control_vis/public/components/vis/__snapshots__/range_control.test.tsx.snap b/...plugins/input_control_vis/public/components/vis/__snapshots__/range_control.test.tsx.snap
diff --git a/src/plugins/input_control_vis/public/components/vis/range_control.tsx b/src/plugins/input_control_vis/public/components/vis/range_control.tsx
@@ -104,7 +104,7 @@ export class RangeControl extends PureComponent<RangeControlProps, RangeControlS
 
   renderControl() {
     if (!this.props.control.isEnabled()) {
-      return <ValidatedDualRange disabled showInput />;
+      return <ValidatedDualRange disabled showInput formRowDisplay="rowCompressed" />;
     }
 
     const decimalPlaces = _.get(this.props, 'control.options.decimalPlaces', 0);
@@ -121,7 +121,7 @@ export class RangeControl extends PureComponent<RangeControlProps, RangeControlS
         id={this.props.control.id}
         min={min}
         max={max}
-        formRowDisplay={'rowCompressed'}
+        formRowDisplay="rowCompressed"
         value={this.state.value}
         onChange={this.onChangeComplete}
         showInput