Tooltip: OutOfBounds alignment does not affect tooltip arrow position #5153
Labels
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
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.
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
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.
Hover over top input
Observe that tooltip appears below input (desirable)
Observe that tooltip arrow appears points upwards (desirable)
Observe that tooltip arrow appears below the tooltip (bug)
Hover over bottom input, which has enough room to display tooltip
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.
The text was updated successfully, but these errors were encountered: