Bug: Tooltip shown at wrong place

[oldbig]

primevue/src/components/tooltip/Tooltip.js

Line 133 in f6fbaeb

if (isOutOfBounds(el)) {

primevue/src/components/tooltip/Tooltip.js

Line 153 in f6fbaeb

if (isOutOfBounds(el)) {

When moving to the opposite place, if still is out of bounds, it is just displayed at the wrong place. The fixed code should be as follows:
Line 133

        if (modifiers.top) {
        alignTop(el);
        if (isOutOfBounds(el)) {
            alignBottom(el);
             if (isOutOfBounds(el)) {
                    alignTop(el);
             }
        }
    }

Line 153

    else if (modifiers.bottom) {
        alignBottom(el);
        if (isOutOfBounds(el)) {
            alignTop(el);
            if (isOutOfBounds(el)) {
                alignBottom(el);
            }
        }
    }

[tugcekucukoglu]

Issue is not clear. Do you have a codesandbox or a repo?

[oldbig]

Hi @tugcekucukoglu
I have no codesandbox, it just happens in a internal project, I create the following diagram to describe the scenario:

The reason: when the bottom has not enough space to put the tooltip message, it will be adjusted to the opposite position, but when the opposite position also has not enough space, the tooltip should put it at original place.
And all the following have the same problem:

• v-tooltip.right
• v-tooltip.top
• v-tooltip.bottom
• v-tooltip.left

[oldbig]

@tugcekucukoglu , this is corresponding Pull Request

[tugcekucukoglu]

@oldbig Without seeing the problem, we couldn't accept the PR. The issue might be related to your project. How can I replicate this issue?

[oldbig]

@tugcekucukoglu I agree with you, I will prepare a demo of codesandbox.

[oldbig]

Hi @tugcekucukoglu
Please check this demo codesandbox

[oldbig]

Hi @tugcekucukoglu
Is this demo ok?

[tugcekucukoglu]

Thanks for the codesandbox example. PR is merged.