Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip: OutOfBounds alignment does not affect tooltip arrow position #5153

Closed
Billiam opened this issue Jan 25, 2024 · 1 comment
Closed
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@Billiam
Copy link

Billiam commented Jan 25, 2024

Describe the bug

When a tooltip needs to be repositioned due to it's out OutOfBounds check, the tooltip arrow's direction is updated, but it will still be positioned at the original location.

tooltip arrow positioned incorrectly

Reproducer

https://codesandbox.io/s/primevue-demo-forked-38skqh?file=/src/App.vue

PrimeVue version

3.47.2

Vue version

3.x

Language

ES6

Build / Runtime

Vite

Browser(s)

Chrome 120

Steps to reproduce the behavior

  1. Visit https://codesandbox.io/s/primevue-demo-forked-38skqh?file=/src/App.vue, which contains two top-positioned tooltips, but without enough space to display the first one above the input.

  2. Hover over top input

  3. Observe that tooltip appears below input (desirable)

  4. Observe that tooltip arrow appears points upwards (desirable)

  5. Observe that tooltip arrow appears below the tooltip (bug)

  6. Hover over bottom input, which has enough room to display tooltip

  7. Observe tooltip appears above input, with arrow pointing down correctly

Expected behavior

When tooltip has to be repositioned due to out of bounds check, arrow appears on correct side of tooltip.

@Billiam Billiam added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jan 25, 2024
@Billiam Billiam changed the title Tooltip: OutOfBounds alignment does not affect tooltip arrow Tooltip: OutOfBounds alignment does not affect tooltip arrow position Jan 25, 2024
@mertsincan
Copy link
Member

Oops! Thanks a lot for your report! I set a milestone for it. We'll check it before the milestone is released.

@mertsincan mertsincan added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Jan 28, 2024
@mertsincan mertsincan added this to the 3.49.0 milestone Jan 28, 2024
@tugcekucukoglu tugcekucukoglu self-assigned this Feb 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

3 participants