Skip to content

Wrapping a TooltipTrigger around a TextField leads to unexpected mouse interactions with the TextField #1687

@brenthosie

Description

@brenthosie

🐛 Bug Report

A few things seem to break when a TextField is wrapped by a TooltipTrigger.

  1. You can't double click to select text in the input
  2. You can't click and drag to highlight text
  3. If you arrow the cursor over within the input, then clicking near the end of the text within the input does not jump the cursor anymore

🤔 Expected Behavior

Maintain default mouse interactions

😯 Current Behavior

  1. See slack discussion here
  2. See Demo here

This was found because we have a project that's already wrapping a TextField with an OverlayTrigger in v2 (which seems to be working just fine), and we're still doing this in v3 while we wait for official helptext support on fields.

🔦 Context

Our users won't be able to navigate inputs on our forms as they should be able to until this is resolved

Software Version(s)
react-spectrum 3.7.0
Browser Chrome
Operating System Mac Big Sur

🧢 Your Company/Team

  1. Adobe Launch
  2. Reactor-Sandbox

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions