ng-tailwind 5.0.19 → 5.0.20

package/fesm2020/ng-tailwind.mjs

@@ -3193,9 +3193,10 @@ class NgtSelectComponent extends NgtBaseNgModel {
         this.destroySubscriptions();
     }
     onOpen() {
-        const parentElement = document.getElementById('ngtSelectParentContainer');
-        if (this.dropdownPosition == 'auto' && parentElement) {
-            this.calculateDropdownPosition(parentElement);
+        const parentElements = document.querySelectorAll('#ngtSelectParentContainer');
+        if (this.dropdownPosition == 'auto' && parentElements?.length) {
+            const parentContainer = parentElements[parentElements.length - 1];
+            this.calculateDropdownPosition(parentContainer);
         }
     }
     removeItem(event, item) {
@@ -3324,7 +3325,7 @@ class NgtSelectComponent extends NgtBaseNgModel {
     disabled() {
         return this.isDisabled || this.isDisabledByParent();
     }
-    async calculateDropdownPosition(parentElement) {
+    async calculateDropdownPosition(parentContainer) {
         while (!this.componentReady || this.loading || this.ngSelectComponent.showNoItemsFound()) {
             await delay(200);
             if (this.ngSelectComponent.showNoItemsFound() && !this.loading && this.componentReady) {
@@ -3338,10 +3339,13 @@ class NgtSelectComponent extends NgtBaseNgModel {
             const ngSelectYPosition = ngSelectElement.getBoundingClientRect().y;
             const dropdownHeight = this.ngSelectComponent.dropdownPanel.contentElementRef.nativeElement.offsetHeight;
             const openedSelectHeight = ngSelectHeight + dropdownHeight;
-            const parentYPosition = parentElement.getBoundingClientRect().y;
+            const parentYPosition = parentContainer.getBoundingClientRect().y;
             const ngSelectYPositionInsideParent = ngSelectYPosition - parentYPosition;
             const openedSelectTotalHeight = openedSelectHeight + ngSelectYPositionInsideParent;
-            const dropdownPosition = openedSelectTotalHeight > (parentElement.clientHeight * 0.9)
+            const parentContainerHeight = parentContainer.clientHeight;
+            const fitsOnTop = openedSelectHeight < ngSelectYPositionInsideParent;
+            const fitsOnBottom = openedSelectTotalHeight < parentContainerHeight;
+            const dropdownPosition = !fitsOnBottom && fitsOnTop
                 ? 'top'
                 : 'bottom';
             this.ngSelectComponent.dropdownPanel['_currentPosition'] = dropdownPosition;