dequelabs / dequelabs/cauldron

Popover component placement works only for auto

Open
#1,996 0 comments 0 reactions 1 assignee Claimed by @maneeshparashar View on GitHub
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

## Description

The Popover component has a positioning issue where only the 'auto' placement option works as expected. When using any other placement values (top, bottom, left, right), the popover incorrectly appears in the top-left corner of the viewport instead of the intended position relative to the trigger element.
image.png

## Steps to Reproduce

Setup Popover component with a trigger element
Set the placement prop to any value other than 'auto' (e.g., 'bottom', 'top', 'right', 'left')
Click the trigger to show the popover
Observe that the popover appears in the top-left corner instead of the intended position

## Expected Behavior

Popover should appear in the specified position relative to its trigger element

## Actual Behavior

Only 'auto' placement works correctly
All other placement options cause the popover to appear at coordinates (0,0) in the top-left corner

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.