proposed fix for big touchscreen reply

[simo6529]

Summary by CodeRabbit

• New Features
  • Improved touch input detection for better mobile device recognition.
  • Added configurable behavior for dropdown visibility on desktop versus touch devices.
  • New actions button now displays on mobile touch interactions for enhanced mobile usability.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Introduces a new useHasTouchInput hook that detects touch input capability across the device. Integrates this hook into CommonDropdownItemsMobileWrapper via a new hideOnDesktopHover prop and into WaveDrop to replace the existing touch-detection mechanism. Updates WaveDropHeader with new props to display and handle mobile action button interactions.

Changes

Cohort / File(s)	Summary
New Touch Detection Hook hooks/useHasTouchInput.ts	New client hook that detects touch input capability by inspecting navigator.maxTouchPoints and subscribing to touchstart events. Returns boolean indicating touch support.
Dropdown Mobile Behavior components/utils/select/dropdown/CommonDropdownItemsMobileWrapper.tsx	Adds hideOnDesktopHover prop and integrates useHasTouchInput to conditionally apply lg:desktop-hover:tw-hidden class based on computed shouldHideOnDesktopHover state.
Wave Drop Touch Actions components/waves/drops/WaveDrop.tsx	Replaces useIsTouchDevice with useHasTouchInput; introduces handleOpenTouchActions handler to manage mobile actions panel; updates WaveDropHeader props with showActionsButton and onOpenActions.
Wave Drop Header UI components/waves/drops/WaveDropHeader.tsx	Adds showActionsButton and onOpenActions props; renders new ellipsis actions button conditionally with icon from heroicons.

Sequence Diagram

sequenceDiagram
    actor User
    participant WaveDrop
    participant useHasTouchInput
    participant WaveDropHeader
    participant ActionPanel

    User->>useHasTouchInput: Check touch capability (navigator.maxTouchPoints or touchstart)
    useHasTouchInput-->>WaveDrop: hasTouchInput (boolean)
    
    WaveDrop->>WaveDrop: Compute showActionsButton based on hasTouchInput
    WaveDrop->>WaveDropHeader: Pass showActionsButton & onOpenActions props
    
    User->>WaveDropHeader: Touch/Click actions button
    WaveDropHeader->>WaveDrop: Trigger onOpenActions (handleOpenTouchActions)
    WaveDrop->>ActionPanel: Open mobile actions panel
    ActionPanel-->>User: Display touch-optimized actions

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• ipad long press fix #1766: Propagates touch-capability flag and touch-handling logic across WaveDrop and related components for consistent mobile behavior.
• EvoResolver - Fix hybrid touch devices by using any-hover/any-pointer for hover and text selection #1811: Introduces touch-driven UI behavior changes with updated touch-detection hook integration in WaveDrop components.
• Reactions dialog #1718: Replaces touch-detection mechanism in WaveDrop with new hook and updates related dropdown mobile behavior.

Suggested reviewers

• prxt6529

Poem

🐰 Whiskers twitch at touch so fine,
A hook to sense the digits' line,
From phones to tablets, near and far,
We catch each tap like a gentle star,
Mobile magic, sleek and bright,
Touch detection working right! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'proposed fix for big touchscreen reply' accurately reflects the main changes in the PR, which add touch input detection and handling for dropdown/wave components to improve mobile touchscreen interactions.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud