Fix display of empty values in progress bar (#9581)

handsontable · Sep 28, 2022 · 29c3849 · 29c3849
1 parent 1efcb81
commit 29c3849
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/examples/12.1.2/docs/react/demo/src/renderers/ProgressBar.tsx b/examples/12.1.2/docs/react/demo/src/renderers/ProgressBar.tsx
@@ -75,10 +75,11 @@ export class ProgressBarRenderer extends BaseEditorComponent {
  }
 
  getRangeValue(value: string): string {
- if (parseInt(value) < 0) {
+ const numberValue = parseInt(value);
+ if (numberValue < 0 || !numberValue) {
  return '0';
  }
- if (parseInt(value) > 100) {
+ if (numberValue > 100) {
  return '100';
  }
  return value;
@@ -105,7 +106,7 @@ export class ProgressBarRenderer extends BaseEditorComponent {
 
  return (
  <div style={{marginTop: 6}}>
- <div className="progressBar" style={{ width: `${this.props.value}px` }} />
+ <div className="progressBar" style={{ width: `${this.getRangeValue(this.props.value)}px` }} />
  </div>
  );
  }