From 679cf8f76684b816d3b7c2db1cdb42cc98e3a0b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Wed, 23 Jun 2021 15:46:10 +0300
Subject: [PATCH] Fixed #1358 - Overlay aligning calculation defect

---
 src/components/autocomplete/AutoComplete.vue   | 2 ++
 src/components/calendar/Calendar.vue           | 2 ++
 src/components/cascadeselect/CascadeSelect.vue | 2 ++
 src/components/colorpicker/ColorPicker.vue     | 2 ++
 src/components/confirmpopup/ConfirmPopup.vue   | 2 ++
 src/components/datatable/DataTable.vue         | 2 ++
 src/components/dropdown/Dropdown.vue           | 2 ++
 src/components/menu/Menu.vue                   | 2 ++
 src/components/multiselect/MultiSelect.vue     | 2 ++
 src/components/overlaypanel/OverlayPanel.vue   | 2 ++
 src/components/password/Password.vue           | 2 ++
 src/components/tieredmenu/TieredMenu.vue       | 2 ++
 src/components/treeselect/TreeSelect.vue       | 2 ++
 13 files changed, 26 insertions(+)

diff --git a/src/components/autocomplete/AutoComplete.vue b/src/components/autocomplete/AutoComplete.vue
index 3420af0c4..4815d3d2a 100755
--- a/src/components/autocomplete/AutoComplete.vue
+++ b/src/components/autocomplete/AutoComplete.vue
@@ -631,6 +631,8 @@ export default {
 .p-autocomplete-panel {
     position: absolute;
     overflow: auto;
+    top: 0;
+    left: 0;
 }
 
 .p-autocomplete-items {
diff --git a/src/components/calendar/Calendar.vue b/src/components/calendar/Calendar.vue
index 13e7c97f3..34d6d5cc7 100755
--- a/src/components/calendar/Calendar.vue
+++ b/src/components/calendar/Calendar.vue
@@ -2221,6 +2221,8 @@ export default {
 .p-datepicker {
 	width: auto;
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-datepicker-inline {
diff --git a/src/components/cascadeselect/CascadeSelect.vue b/src/components/cascadeselect/CascadeSelect.vue
index 932e77a8a..1ef4f6cf7 100644
--- a/src/components/cascadeselect/CascadeSelect.vue
+++ b/src/components/cascadeselect/CascadeSelect.vue
@@ -373,6 +373,8 @@ export default {
 
 .p-cascadeselect-panel {
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-cascadeselect-item {
diff --git a/src/components/colorpicker/ColorPicker.vue b/src/components/colorpicker/ColorPicker.vue
index b2a1bb490..8516b47c6 100755
--- a/src/components/colorpicker/ColorPicker.vue
+++ b/src/components/colorpicker/ColorPicker.vue
@@ -607,6 +607,8 @@ export default {
 
 .p-colorpicker-overlay-panel {
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-colorpicker-preview {
diff --git a/src/components/confirmpopup/ConfirmPopup.vue b/src/components/confirmpopup/ConfirmPopup.vue
index 60afff97b..2482990ea 100644
--- a/src/components/confirmpopup/ConfirmPopup.vue
+++ b/src/components/confirmpopup/ConfirmPopup.vue
@@ -228,6 +228,8 @@ export default {
 .p-confirm-popup {
     position: absolute;
     margin-top: 10px;
+    top: 0;
+    left: 0;
 }
 
 .p-confirm-popup-flipped {
diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue
index 8b53531b6..710ca51c1 100755
--- a/src/components/datatable/DataTable.vue
+++ b/src/components/datatable/DataTable.vue
@@ -2052,6 +2052,8 @@ export default {
 
 .p-column-filter-overlay {
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-column-filter-row-items {
diff --git a/src/components/dropdown/Dropdown.vue b/src/components/dropdown/Dropdown.vue
index 064038bb1..3dd33a5c2 100755
--- a/src/components/dropdown/Dropdown.vue
+++ b/src/components/dropdown/Dropdown.vue
@@ -734,6 +734,8 @@ input.p-dropdown-label  {
 
 .p-dropdown-panel {
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-dropdown-items-wrapper {
diff --git a/src/components/menu/Menu.vue b/src/components/menu/Menu.vue
index ff19ad04a..d77fdb3a0 100755
--- a/src/components/menu/Menu.vue
+++ b/src/components/menu/Menu.vue
@@ -214,6 +214,8 @@ export default {
 <style>
 .p-menu-overlay {
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-menu ul {
diff --git a/src/components/multiselect/MultiSelect.vue b/src/components/multiselect/MultiSelect.vue
index 982e4d696..49aea9c52 100755
--- a/src/components/multiselect/MultiSelect.vue
+++ b/src/components/multiselect/MultiSelect.vue
@@ -707,6 +707,8 @@ export default {
 
 .p-multiselect-panel {
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-multiselect-items-wrapper {
diff --git a/src/components/overlaypanel/OverlayPanel.vue b/src/components/overlaypanel/OverlayPanel.vue
index f7ef87c79..947fd5c08 100755
--- a/src/components/overlaypanel/OverlayPanel.vue
+++ b/src/components/overlaypanel/OverlayPanel.vue
@@ -270,6 +270,8 @@ export default {
 .p-overlaypanel {
     position: absolute;
     margin-top: 10px;
+    top: 0;
+    left: 0;
 }
 
 .p-overlaypanel-flipped {
diff --git a/src/components/password/Password.vue b/src/components/password/Password.vue
index 69231145d..09b265aad 100755
--- a/src/components/password/Password.vue
+++ b/src/components/password/Password.vue
@@ -316,6 +316,8 @@ export default {
 
 .p-password-panel {
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-password .p-password-panel {
diff --git a/src/components/tieredmenu/TieredMenu.vue b/src/components/tieredmenu/TieredMenu.vue
index d09b2c830..8d6829062 100755
--- a/src/components/tieredmenu/TieredMenu.vue
+++ b/src/components/tieredmenu/TieredMenu.vue
@@ -192,6 +192,8 @@ export default {
 <style>
 .p-tieredmenu-overlay {
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-tieredmenu ul {
diff --git a/src/components/treeselect/TreeSelect.vue b/src/components/treeselect/TreeSelect.vue
index 89be02b17..732e5e445 100644
--- a/src/components/treeselect/TreeSelect.vue
+++ b/src/components/treeselect/TreeSelect.vue
@@ -467,6 +467,8 @@ export default {
 
 .p-treeselect-panel {
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-treeselect-items-wrapper {