twico-ui 1.22.0 → 1.22.1

package/dist/index.mjs

@@ -5324,9 +5324,16 @@ function ColorPicker({
     const onMove = () => place();
     window.addEventListener("scroll", onMove, true);
     window.addEventListener("resize", onMove);
+    let ro;
+    const rt = triggerRef.current;
+    if (rt && typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver(onMove);
+      ro.observe(rt);
+    }
     return () => {
       window.removeEventListener("scroll", onMove, true);
       window.removeEventListener("resize", onMove);
+      ro?.disconnect();
     };
   }, [open, place]);
   const labelId = React51__default.useId();
@@ -5786,9 +5793,16 @@ function Combobox({
     const onMove = () => place();
     window.addEventListener("scroll", onMove, true);
     window.addEventListener("resize", onMove);
+    let ro;
+    const rt = controlRef.current;
+    if (rt && typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver(onMove);
+      ro.observe(rt);
+    }
     return () => {
       window.removeEventListener("scroll", onMove, true);
       window.removeEventListener("resize", onMove);
+      ro?.disconnect();
     };
   }, [open, portal, place]);
   React51__default.useEffect(() => {
@@ -6613,9 +6627,16 @@ function Select({
     const onMove = () => place();
     window.addEventListener("scroll", onMove, true);
     window.addEventListener("resize", onMove);
+    let ro;
+    const rt = triggerRef.current;
+    if (rt && typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver(onMove);
+      ro.observe(rt);
+    }
     return () => {
       window.removeEventListener("scroll", onMove, true);
       window.removeEventListener("resize", onMove);
+      ro?.disconnect();
     };
   }, [open, portal, place]);
   React51__default.useEffect(() => {
@@ -7442,9 +7463,16 @@ function MultiSelect({
     const onMove = () => place();
     window.addEventListener("scroll", onMove, true);
     window.addEventListener("resize", onMove);
+    let ro;
+    const rt = controlRef.current;
+    if (rt && typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver(onMove);
+      ro.observe(rt);
+    }
     return () => {
       window.removeEventListener("scroll", onMove, true);
       window.removeEventListener("resize", onMove);
+      ro?.disconnect();
     };
   }, [open, portal, place]);
   React51__default.useEffect(() => {
@@ -8508,7 +8536,10 @@ th.twc-dt__rownum .twc-dt__th-inner { padding-inline: 8px; gap: 2px; justify-con
    cascade \u2014 user drag (-usr) > #289 measured auto-fit (-fit) > 118px fallback \u2014 entirely in clamp(), so
    neither writer reads the other (reset = remove the -usr var and auto-fit instantly re-wins). */
 .twc-dt__filters {
-  position: relative;
+  /* #294: do NOT set 'position' here \u2014 this element also carries .twc-dt__pop (position: fixed), and an
+     equal-specificity 'position: relative' defined later would clobber it, dropping the popover into normal
+     flow below the table. The panel stays position: fixed, which already anchors the absolutely-positioned
+     .twc-dt__pop-grip; per-field handles anchor to their own position: relative .twc-dt__f-* fields. */
   width: var(--twc-dt-panel-w, 580px); max-width: calc(100vw - 32px);
   height: var(--twc-dt-panel-h, auto); max-height: calc(100vh - 32px);
   display: flex; flex-direction: column;
@@ -12585,9 +12616,16 @@ function DatePicker({
     const onMove = () => place();
     window.addEventListener("scroll", onMove, true);
     window.addEventListener("resize", onMove);
+    let ro;
+    const rt = triggerRef.current;
+    if (rt && typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver(onMove);
+      ro.observe(rt);
+    }
     return () => {
       window.removeEventListener("scroll", onMove, true);
       window.removeEventListener("resize", onMove);
+      ro?.disconnect();
     };
   }, [open, place]);
   React51__default.useEffect(() => {
@@ -13129,9 +13167,16 @@ function DateRangePicker({
     const onMove = () => place();
     window.addEventListener("scroll", onMove, true);
     window.addEventListener("resize", onMove);
+    let ro;
+    const rt = triggerRef.current;
+    if (rt && typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver(onMove);
+      ro.observe(rt);
+    }
     return () => {
       window.removeEventListener("scroll", onMove, true);
       window.removeEventListener("resize", onMove);
+      ro?.disconnect();
     };
   }, [open, place]);
   React51__default.useEffect(() => {
@@ -13682,9 +13727,16 @@ function TimePicker({
     const onMove = () => place();
     window.addEventListener("scroll", onMove, true);
     window.addEventListener("resize", onMove);
+    let ro;
+    const rt = triggerRef.current;
+    if (rt && typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver(onMove);
+      ro.observe(rt);
+    }
     return () => {
       window.removeEventListener("scroll", onMove, true);
       window.removeEventListener("resize", onMove);
+      ro?.disconnect();
     };
   }, [open, place]);
   React51__default.useEffect(() => {