@tipp/ui 2.1.24 → 2.1.25

package/dist/molecules/index.js

@@ -55,7 +55,7 @@ import {
 } from "../chunk-N3DAYFXZ.js";
 import {
   TagSelector
-} from "../chunk-OKESBH7U.js";
+} from "../chunk-FRBDP5QD.js";
 import {
   TimeSelect
 } from "../chunk-5VWEW4M2.js";

package/dist/molecules/tag-selector.cjs

@@ -1345,6 +1345,10 @@ var import_jsx_runtime38 = require("react/jsx-runtime");
 // src/molecules/tag-selector.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var OPTION_HEIGHT = 32;
+var stopDefaultEvents = (e) => {
+  e.preventDefault();
+  e.stopPropagation();
+};
 var DefaultDropdownContainer = (props) => {
   return props.children;
 };
@@ -1447,7 +1451,7 @@ function TagSelector(props) {
       const key = e.key;
       switch (key) {
         case "ArrowDown": {
-          e.preventDefault();
+          stopDefaultEvents(e);
           let newFocus = 0;
           if (typeof focusIndex === "number") {
             newFocus = focusIndex + 1 >= options.length ? 0 : focusIndex + 1;
@@ -1457,7 +1461,7 @@ function TagSelector(props) {
           break;
         }
         case "ArrowUp": {
-          e.preventDefault();
+          stopDefaultEvents(e);
           let newFocus = 0;
           if (typeof focusIndex === "number") {
             newFocus = focusIndex - 1 < 0 ? options.length - 1 : focusIndex - 1;
@@ -1467,6 +1471,7 @@ function TagSelector(props) {
           break;
         }
         case "Enter":
+          stopDefaultEvents(e);
           setValue("");
           if (focusIndex !== null) {
             toggleItem((_a = filteredOptions[focusIndex]) == null ? void 0 : _a.id);
@@ -1478,6 +1483,7 @@ function TagSelector(props) {
           }
           break;
         case "Escape":
+          stopDefaultEvents(e);
           setOpen(false);
           break;
       }
@@ -1596,6 +1602,9 @@ function TagSelector(props) {
         onTouchMove: stopPropagationTouch,
         onWheel: stopPropagationWheel,
         sticky: "always",
+        style: {
+          pointerEvents: "fill"
+        },
         children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           DropdownContainer,
           {