Skip to content

fix: useLongPress not working in Tauri apps on macOS#2871

Draft
Copilot wants to merge 3 commits intomasterfrom
copilot/fix-uselongpress-in-tauri-app
Draft

fix: useLongPress not working in Tauri apps on macOS#2871
Copilot wants to merge 3 commits intomasterfrom
copilot/fix-uselongpress-in-tauri-app

Conversation

Copy link

Copilot AI commented Nov 16, 2025 •
edited
Loading

🤔 This is a ...

  • New feature
  • Bug fix
  • Site / documentation update
  • Demo update
  • TypeScript definition update
  • Bundle size optimization
  • Performance optimization
  • Enhancement feature
  • Internationalization
  • Refactoring
  • Code style optimization
  • Test Case
  • Branch merge
  • Other (about what?)

🔗 Related issue link

Fixes #2861

💡 Background and solution

useLongPress was not filtering mouse button types and the macOS context menu interfered with long press detection in Tauri apps.

Changes:

  1. Button filtering - Ignore right-click (button 2) and middle-click (button 1), only process left-click (button 0)
  2. Context menu suppression - Prevent default context menu when long press successfully triggers

Files modified:

  • packages/hooks/src/useLongPress/index.ts - Added button filtering and context menu prevention
  • packages/hooks/src/useLongPress/__tests__/index.spec.ts - Added comprehensive tests for the new functionality
useLongPress(handleLongPress, containerRef, {
  onClick: openApp,
});
// Now works correctly in Tauri on macOS

📝 Changelog

Language Changelog
🇺🇸 English Fix useLongPress not working in Tauri apps on macOS by filtering non-left-click events and preventing context menu interference
🇨🇳 Chinese 修复 useLongPress 在 macOS 的 Tauri 应用中无法生效的问题,通过过滤非左键点击事件和阻止上下文菜单干扰

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

  • Doc is updated/provided or not needed
  • Demo is updated/provided or not needed
  • TypeScript definition is updated/provided or not needed
  • Changelog is provided or not needed
Original prompt

This section details on the original issue you should resolve

<issue_title>useLongPress 在 macOS 的 Tauri 应用中无法生效。</issue_title>
<issue_description>https://github.com/user-attachments/assets/49616b1f-d4cf-48f8-b479-7b01e68ccbd6

import { convertFileSrc } from "@tauri-apps/api/core";
import { openPath } from "@tauri-apps/plugin-opener";
import { useLongPress } from "ahooks";
import { type FC, useRef } from "react";
import type { App as AppProps } from "@/stores/app";
import { hidePanel } from "@/utils/nsPanel";

const App: FC<AppProps> = (props) => {
  const { name, icon, path } = props;
  const containerRef = useRef<HTMLDivElement>(null);

  const handleLongPress = () => {
    console.log("handleLongPress");
  };

  const openApp = () => {
    console.log("openApp");

    openPath(path);

    hidePanel();
  };

  useLongPress(handleLongPress, containerRef, {
    onClick: openApp,
  });

  return (
    <div
      className="grid place-items-center active:opacity-70"
      ref={containerRef}
    >
      <img alt={name} className="size-24" src={convertFileSrc(icon)} />

      <span className="truncate">{name}</span>
    </div>
  );
};

export default App;
```</issue_description>

<agent_instructions>useLongPress does not take effect in the Tauri application on macOS. Please try to fix it</agent_instructions>

## Comments on the Issue (you are @copilot in this section)

<comments>
<comment_new><author>@meet-student</author><body>
pr welcome</body></comment_new>
</comments>

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

@CLAassistant
Copy link

CLAassistant commented Nov 16, 2025

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@pkg-pr-new
Copy link

pkg-pr-new bot commented Nov 16, 2025 •
edited
Loading 

npm i https://pkg.pr.new/ahooks@2871

npm i https://pkg.pr.new/@ahooksjs/use-url-state@2871

commit: c892a0f

@meet-student
fix: useLongPress in Tauri apps on macOS
08dad0d 
Co-authored-by: meet-student <59312002+meet-student@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix useLongPress functionality in macOS Tauri app fix: useLongPress not working in Tauri apps on macOS Nov 16, 2025
Copilot AI requested a review from meet-student November 16, 2025 09:21
@meet-student
Copy link
Collaborator

meet-student commented Nov 16, 2025

@copilot only write useLongPress

@meet-student
refactor: revert unrelated formatting changes
c892a0f 
Co-authored-by: meet-student <59312002+meet-student@users.noreply.github.com>
Copy link
Author

Copilot AI commented Nov 16, 2025

@copilot only write useLongPress

Done. Reverted all unrelated formatting changes. Only useLongPress files are now modified (commit c892a0f).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@meet-student meet-student Awaiting requested review from meet-student

At least 1 approving review is required to merge this pull request.

Assignees

@meet-student meet-student

Copilot code review Copilot

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

useLongPress 在 macOS 的 Tauri 应用中无法生效。

3 participants

@CLAassistant @meet-student