Correct the size of disabled ValidatedDualRange components in InputCo…

…ntrol visualizations (#8108) (#8141) * Correct the size of disabled ValidatedDualRange components in InputControl visualizations * Changeset file for PR #8108 created/updated * Update snapshot --------- (cherry picked from commit 7aecd73) Signed-off-by: Miki <[email protected]> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
opensearch-project · Sep 12, 2024 · 94c41cc · 94c41cc
1 parent 5607c5c
commit 94c41cc
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
Original file line number	Diff line number	Diff line change
		@@ -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))