fix(textinput): enable display of character count without max length

If showCharacterCount is true, but not maxLength, the character count will be displayed alone (X vs X/Y) fix #295
Headstorm · Sep 3, 2021 · 90844f3 · 90844f3
1 parent 4b1a4f0
commit 90844f3
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/TextInput/TextInput.tsx b/src/components/TextInput/TextInput.tsx
@@ -269,15 +269,15 @@ const TextInput = ({
           <Icon path={mdiClose} size="1em" />
         </StyledIconContainer>
       )}
-      {showCharacterCount && maxLength && (
+      {showCharacterCount && (
         <StyledCharacterCount
           ref={characterCountRef}
           errorMessage={errorMessage}
           isValid={isValid}
-          textIsTooLong={(internalValue as string).length > maxLength}
+          textIsTooLong={maxLength ? (internalValue as string).length > maxLength : false}
           {...characterCountProps}
         >
-          {(internalValue as string).length} / {maxLength}
+          {(internalValue as string).length} {maxLength !== undefined ? `/ ${maxLength}` : null}
         </StyledCharacterCount>
       )}
       {isValid === false && errorMessage && (