Fixed #814 - Overlays wrong position on initial/first render

primefaces · Mar 15, 2019 · fe13149 · fe13149
1 parent e1e72b3
commit fe13149
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/src/components/autocomplete/AutoComplete.js b/src/components/autocomplete/AutoComplete.js
@@ -261,8 +261,8 @@ export class AutoComplete extends Component {
             let target = this.props.multiple ? this.multiContainer : this.inputEl;
 
             if (this.props.appendTo) {
-                DomHandler.absolutePosition(this.panel.element, target);
                 this.panel.element.style.minWidth = DomHandler.getWidth(target) + 'px';
+                DomHandler.absolutePosition(this.panel.element, target);
             }
             else {
                 DomHandler.relativePosition(this.panel.element, target);

diff --git a/src/components/colorpicker/ColorPicker.js b/src/components/colorpicker/ColorPicker.js
@@ -505,8 +505,8 @@ export class ColorPicker extends Component {
 
     alignPanel() {
         if (this.props.appendTo) {
-            DomHandler.absolutePosition(this.panel.element, this.container);
             this.panel.element.style.minWidth = DomHandler.getWidth(this.container) + 'px';
+            DomHandler.absolutePosition(this.panel.element, this.container);
         }
         else {
             DomHandler.relativePosition(this.panel.element, this.container);

diff --git a/src/components/dropdown/Dropdown.js b/src/components/dropdown/Dropdown.js
@@ -423,7 +423,7 @@ export class Dropdown extends Component {
         return (index !== -1) ? this.props.options[index] : null;
     }
 
-    show() {        
+    show() {
         this.panel.element.style.zIndex = String(DomHandler.generateZIndex());
         this.panel.element.style.display = 'block';
 
@@ -453,8 +453,8 @@ export class Dropdown extends Component {
 
     alignPanel() {
         if(this.props.appendTo) {
-            DomHandler.absolutePosition(this.panel.element, this.container);
             this.panel.element.style.minWidth = DomHandler.getWidth(this.container) + 'px';
+            DomHandler.absolutePosition(this.panel.element, this.container);
         }
         else {
             DomHandler.relativePosition(this.panel.element, this.container);

diff --git a/src/components/multiselect/MultiSelect.js b/src/components/multiselect/MultiSelect.js
@@ -233,8 +233,8 @@ export class MultiSelect extends Component {
 
     alignPanel() {
         if (this.props.appendTo) {
-            DomHandler.absolutePosition(this.panel.element, this.container);
             this.panel.element.style.minWidth = DomHandler.getWidth(this.container) + 'px';
+            DomHandler.absolutePosition(this.panel.element, this.container);
         }
         else {
             DomHandler.relativePosition(this.panel.element, this.container);

diff --git a/src/components/splitbutton/SplitButton.js b/src/components/splitbutton/SplitButton.js
@@ -92,8 +92,8 @@ export class SplitButton extends Component {
 
     alignPanel() {
         if (this.props.appendTo) {
-            DomHandler.absolutePosition(this.panel.element, this.container);
             this.panel.element.style.minWidth = DomHandler.getWidth(this.container) + 'px';
+            DomHandler.absolutePosition(this.panel.element, this.container);
         }
         else {
             DomHandler.relativePosition(this.panel.element, this.container);