Fixed #1780 - Improve float label support in overlay selects

primefaces · Jan 26, 2021 · 0babfa1 · 0babfa1
1 parent 2388583
commit 0babfa1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/cascadeselect/CascadeSelect.js b/src/components/cascadeselect/CascadeSelect.js
@@ -385,7 +385,7 @@ export class CascadeSelect extends Component {
             'p-disabled': this.props.disabled,
             'p-focus': this.state.focused,
             'p-inputwrapper-filled': this.props.value,
-            'p-inputwrapper-focus': this.state.focused
+            'p-inputwrapper-focus': this.state.focused || this.state.overlayVisible
         });
 
         let keyboardHelper = this.renderKeyboardHelper();

diff --git a/src/components/dropdown/Dropdown.js b/src/components/dropdown/Dropdown.js
@@ -802,7 +802,7 @@ export class Dropdown extends Component {
             'p-focus': this.state.focused,
             'p-dropdown-clearable': this.props.showClear && !this.props.disabled,
             'p-inputwrapper-filled': this.props.value,
-            'p-inputwrapper-focus': this.state.focused
+            'p-inputwrapper-focus': this.state.focused || this.state.overlayVisible
         });
         let selectedOption = this.findOption(this.props.value);
 

diff --git a/src/components/multiselect/MultiSelect.js b/src/components/multiselect/MultiSelect.js
@@ -660,7 +660,7 @@ export class MultiSelect extends Component {
             'p-multiselect-clearable': this.props.showClear && !this.props.disabled,
             'p-focus': this.state.focused,
             'p-inputwrapper-filled': this.props.value && this.props.value.length > 0,
-            'p-inputwrapper-focus': this.state.focused
+            'p-inputwrapper-focus': this.state.focused || this.state.overlayVisible
         }, this.props.className);
         let label = this.renderLabel();
         let clearIcon = this.renderClearIcon();