react icon indicating copy to clipboard operation
react copied to clipboard

Tooltip is misplaced when it is rendered on a dialog

Open broccolinisoup opened this issue 1 year ago • 2 comments

Description

When using Dialog 2, if the first interactive item that receives focus uses Tooltip (v2), the tooltip appears in a misplaced. It is reported internally on Slack.

Tooltip is corectly placed if it made it appeared again. it only happens when the dialog first opened.

It happens on Safari when the dialog is open with a mouse or keyboard. Other browsers, it only happends when the dialog is opened with using keyboard.

Steps to reproduce

  1. Go to issues
  2. Navigate to the "New Issue" button with a keyboard
  3. Enter

Observe that the tooltip is misplaced.

Version

v35.24.0

Browser

No response

broccolinisoup avatar Jul 11 '24 05:07 broccolinisoup

Description

When using Dialog 2, if the first interactive item that receives focus uses Tooltip (v2), the tooltip appears in a misplaced. It is reported internally on Slack.

Tooltip is corectly placed if it made it appeared again. it only happens when the dialog first opened.

It happens on Safari when the dialog is open with a mouse or keyboard. Other browsers, it only happends when the dialog is opened with using keyboard.

Steps to reproduce

  1. Go to issues
  2. Navigate to the "New Issue" button with a keyboard
  3. Enter

Observe that the tooltip is misplaced.

Version

v35.24.0

Browser

No response

server-mm404 avatar Dec 31 '24 13:12 server-mm404

fix

server-mm404 avatar Dec 31 '24 13:12 server-mm404

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.

github-actions[bot] avatar Jul 01 '25 19:07 github-actions[bot]