bits-ui 2.9.8 → 2.9.9

package/dist/bits/menu/menu.svelte.d.ts

@@ -4,7 +4,7 @@ import { CustomEventDispatcher } from "../../internal/events.js";
 import type { AnyFn, BitsFocusEvent, BitsKeyboardEvent, BitsMouseEvent, BitsPointerEvent, OnChangeFn, RefAttachment, WithRefOpts } from "../../internal/types.js";
 import type { Direction } from "../../shared/index.js";
 import { IsUsingKeyboard } from "../../index.js";
-import type { KeyboardEventHandler, PointerEventHandler } from "svelte/elements";
+import type { KeyboardEventHandler, PointerEventHandler, MouseEventHandler } from "svelte/elements";
 import { RovingFocusGroup } from "../../internal/roving-focus-group.js";
 export declare const CONTEXT_MENU_TRIGGER_ATTR = "data-context-menu-trigger";
 export declare const MenuCheckboxGroupContext: Context<MenuCheckboxGroupState>;
@@ -346,6 +346,7 @@ export declare class DropdownMenuTriggerState {
     readonly parentMenu: MenuMenuState;
     readonly attachment: RefAttachment;
     constructor(opts: DropdownMenuTriggerStateOpts, parentMenu: MenuMenuState);
+    onclick: MouseEventHandler<HTMLElement>;
     onpointerdown: PointerEventHandler<HTMLElement>;
     onpointerup: PointerEventHandler<HTMLElement>;
     onkeydown: KeyboardEventHandler<HTMLElement>;
@@ -357,6 +358,7 @@ export declare class DropdownMenuTriggerState {
         readonly "aria-controls": string | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "open" | "closed";
+        readonly onclick: MouseEventHandler<HTMLElement>;
         readonly onpointerdown: PointerEventHandler<HTMLElement>;
         readonly onpointerup: PointerEventHandler<HTMLElement>;
         readonly onkeydown: KeyboardEventHandler<HTMLElement>;

package/dist/bits/menu/menu.svelte.js

@@ -768,6 +768,17 @@ export class DropdownMenuTriggerState {
         this.parentMenu = parentMenu;
         this.attachment = attachRef(this.opts.ref, (v) => (this.parentMenu.triggerNode = v));
     }
+    onclick = (e) => {
+        /**
+         * MacOS VoiceOver sends a click in Safari/Firefox bypassing the keydown event
+         * when V0+Space is pressed. Since we already handle the keydown event and the
+         * pointerdown events separately, we ignore it if the detail is not 0.
+         */
+        if (this.opts.disabled.current || e.detail !== 0)
+            return;
+        this.parentMenu.toggleOpen();
+        e.preventDefault();
+    };
     onpointerdown = (e) => {
         if (this.opts.disabled.current)
             return;
@@ -817,6 +828,7 @@ export class DropdownMenuTriggerState {
         "data-state": getDataOpenClosed(this.parentMenu.opts.open.current),
         [this.parentMenu.root.getBitsAttr("trigger")]: "",
         //
+        onclick: this.onclick,
         onpointerdown: this.onpointerdown,
         onpointerup: this.onpointerup,
         onkeydown: this.onkeydown,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "2.9.8",
+  "version": "2.9.9",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",