fix: textInput label jumps to the center (#2250)

callstack · Sep 23, 2020 · efe17be · efe17be
1 parent 28d120a
commit efe17be
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/TextInput/TextInputOutlined.tsx b/src/components/TextInput/TextInputOutlined.tsx
@@ -178,10 +178,11 @@ class TextInputOutlined extends React.Component<ChildTextInputProps> {
     const baseLabelTranslateY =
       -labelHalfHeight - (topPosition + OUTLINE_MINIMIZED_LABEL_Y_OFFSET);
 
-    const placeholderOpacity = interpolatePlaceholder(
-      parentState.labeled,
-      hasActiveOutline
-    );
+    const placeholderOpacity = hasActiveOutline
+      ? interpolatePlaceholder(parentState.labeled, hasActiveOutline)
+      : parentState.labelLayout.measured
+      ? 1
+      : 0;
 
     const labelProps = {
       label,