fix(select-popover): adjust the width to the option content

Author: thetaPC

core/src/components/popover/popover.common.scss

@@ -133,5 +133,16 @@
 // --------------------------------------------------
 
 :host(.select-popover-rich-content) {
-  --width: max-content;
+  /**
+   * Rich content options (start/end slots, descriptions) need
+   * more horizontal space than the default fixed width provides,
+   * otherwise content gets cut off.
+   *
+   * A viewport-relative value is used instead of `auto` or
+   * `max-content` because the enter animation reads `--width`
+   * via getBoundingClientRect() before the first layout pass
+   * completes — intrinsic values return 0 at that point and
+   * cause the popover to be positioned off-screen on first open.
+   */
+  --width: clamp(250px, calc(100vw - 40px), 400px);
 }

core/src/components/select-popover/select-popover.common.scss

@@ -31,6 +31,12 @@ ion-label {
   align-items: center;
 }
 
+.select-option-label-text {
+  display: flex;
+
+  flex-wrap: wrap;
+}
+
 .select-option-description {
   display: block;
 }