dequelabs / dequelabs/cauldron

Tooltip and Popover arrow placement is incorrect when placement is not center

Open
#2,047 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

### Description

The tooltip and popover arrow is not properly positioned when using non-center placement options (e.g., top-start, top-end, bottom-start, etc.). The arrow appears to remain in the center position regardless of the specified placement.

Image

### Steps to Reproduce

- Create a tooltip or popover with placement set to top-start
- Add content that makes the tooltip or popover wider than the trigger element
- Observe that the arrow remains centered instead of aligning with the start position

### Expected Behavior

The arrow should be positioned to align appropriately with the specified placement

### Actual Behavior
The arrow remains centered regardless of the placement setting, creating a visual disconnect between the tooltip or popover and its trigger element.

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.