fix: Textboxes with masks don't display prefix, suffix, icon

h2oai · Jul 11, 2022 · 3e148b5 · 3e148b5
1 parent aa7ffe0
commit 3e148b5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/web/src/textbox.tsx b/web/src/textbox.tsx
@@ -17,7 +17,6 @@ import React from 'react';
 import { isN, isS, S } from './core';
 import { BoxProps, make } from './ui';
 
-
 export const Textbox = make(({ context, box }: BoxProps) => {
   const
     { text, value, placeholder, icon, mask, prefix, suffix, error, lines, required, password } = box,
@@ -32,6 +31,9 @@ export const Textbox = make(({ context, box }: BoxProps) => {
           label: text,
           defaultValue: isS(value) ? value : isN(value) ? String(value) : undefined,
           placeholder: placeholder ?? (text ? undefined : 'Enter some text...'),
+          iconProps: icon ? { iconName: icon } : undefined,
+          prefix,
+          suffix,
           errorMessage: error,
           required: required === true,
           onChange,
@@ -42,7 +44,7 @@ export const Textbox = make(({ context, box }: BoxProps) => {
           ? <MaskedTextField {...field} mask={mask} />
           : lines && (lines >= 1)
             ? <TextField {...field} multiline resizable autoAdjustHeight rows={lines} />
-            : <TextField {...field} iconProps={icon ? { iconName: icon } : undefined} prefix={prefix} suffix={suffix} />
+            : <TextField {...field} />
     }
 
   context.record((value as any) ?? '')