Merge pull request #21774 from bernhardoj/fix/21061-textinput-placeho…

…lder-stuck

Fix text input label does not deactivate if the input is cleared programmatically

src/components/TextInput/BaseTextInput.js

@@ -78,18 +78,18 @@ class BaseTextInput extends Component {
         }
 
         // eslint-disable-next-line react/no-did-update-set-state
-        this.setState({value: inputValue, selection: this.props.selection});
+        this.setState({value: inputValue, selection: this.props.selection}, () => {
+            if (this.state.value) {
+                this.activateLabel();
+            } else if (!this.state.isFocused) {
+                this.deactivateLabel();
+            }
+        });
 
         // In some cases, When the value prop is empty, it is not properly updated on the TextInput due to its uncontrolled nature, thus manually clearing the TextInput.
         if (inputValue === '') {
             this.input.clear();
         }
-
-        if (inputValue) {
-            this.activateLabel();
-        } else if (!this.state.isFocused) {
-            this.deactivateLabel();
-        }
     }
 
     componentWillUnmount() {