@educarehq/solaris-ui 0.25.0 → 0.25.1

package/fesm2022/educarehq-solaris-ui.mjs

@@ -5567,6 +5567,20 @@ class SolarisPopoverTriggerDirective {
             }
         });
     }
+    getPositionOrigin() {
+        // When topConnected (select / multi-select inside form-field), the CDK
+        // origin must be the input box (.solaris-form-field__control-wrapper),
+        // not the whole <solaris-form-field> host (which includes label + hints).
+        // Otherwise the "top" fallback anchors above the label, leaving the
+        // label detached instead of covered by the panel.
+        if (this.solarisPopoverTopConnected()) {
+            const wrapper = this.elementRef.nativeElement.querySelector(':scope > .solaris-form-field__control-wrapper');
+            if (wrapper) {
+                return wrapper;
+            }
+        }
+        return this.elementRef.nativeElement;
+    }
     createPositionStrategy() {
         const placement = this.solarisPopoverPlacement();
         const align = this.solarisPopoverAlign();
@@ -5588,7 +5602,7 @@ class SolarisPopoverTriggerDirective {
         }));
         return this.overlay
             .position()
-            .flexibleConnectedTo(this.elementRef)
+            .flexibleConnectedTo(this.getPositionOrigin())
             .withPositions(allPositions)
             .withFlexibleDimensions(true)
             .withPush(true);
@@ -5727,7 +5741,9 @@ class SolarisPopoverTriggerDirective {
         }
         const size = {};
         // ElementRef is SSR-safe. offsetWidth is a read-only layout property.
-        const triggerWidth = this.elementRef.nativeElement.offsetWidth;
+        // For topConnected, measure the control-wrapper (position origin) so the
+        // panel matches the input width even if label/hint rows differ.
+        const triggerWidth = this.getPositionOrigin().offsetWidth;
         const matchWidth = this.solarisPopoverMatchTriggerWidth();
         const minWidth = this.solarisPopoverMinWidth();
         const maxWidth = this.solarisPopoverMaxWidth();