@tipp/ui 2.1.24 → 2.1.25

package/dist/index.js

@@ -117,7 +117,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/index.cjs

@@ -2137,6 +2137,10 @@ var import_react25 = require("react");
 var import_react_icons5 = require("@radix-ui/react-icons");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var OPTION_HEIGHT = 32;
+var stopDefaultEvents = (e) => {
+  e.preventDefault();
+  e.stopPropagation();
+};
 var DefaultDropdownContainer = (props) => {
   return props.children;
 };
@@ -2239,7 +2243,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;
@@ -2249,7 +2253,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;
@@ -2259,6 +2263,7 @@ function TagSelector(props) {
           break;
         }
         case "Enter":
+          stopDefaultEvents(e);
           setValue("");
           if (focusIndex !== null) {
             toggleItem((_a = filteredOptions[focusIndex]) == null ? void 0 : _a.id);
@@ -2270,6 +2275,7 @@ function TagSelector(props) {
           }
           break;
         case "Escape":
+          stopDefaultEvents(e);
           setOpen(false);
           break;
       }
@@ -2388,6 +2394,9 @@ function TagSelector(props) {
         onTouchMove: stopPropagationTouch,
         onWheel: stopPropagationWheel,
         sticky: "always",
+        style: {
+          pointerEvents: "fill"
+        },
         children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DropdownContainer,
           {