adobe / adobe/react-spectrum

Popover/Tooltip: incorrect arrow position when using triggerRef

Open
#8,960 1 comment 0 reactions 0 assignees View on GitHub
bug needs investigation
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

When using triggerRef the arrow position is calculated incorrectly, the border width is not taken into account and the arrow is slightly shifted.

### 🤔 Expected Behavior?

the arrow position should be centered

### 😯 Current Behavior

the arrow is shifted by the width of the border

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

https://codesandbox.io/p/devbox/damp-fog-pz32ln

these two screenshots show the differences in the arrow position depending on the border

Image
Image

### Version

react-aria-components: 1.12.2

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

_No response_

### What operating system are you using?

macOS

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.