Issues with the placement for the app tooltip

[nimraahmed]

Bug Description

For the app tool tip, you have multiple placement options: bottom, left, right, top, top-start, top-end, right-start, right-end, bottom-start, bottom-end, left-start, and left-end

However, not all of them work as they should:

1. For both the right and left positions, the tooltip opens up on the right:

position=left:

position=right:

2. When position is set to top, the tooltip opens at the bottom again:

but it should open up at the top, like this:

Similarly, the following placements don't work as expected (in addition to top and left):

• top-start
• bottom-start
• bottom-end
• left-start ((opens up on the right))
• left-end (opens up on the right)

The placements that work fine are:

• bottom
• right
• right-start
• right-end

[Kanav-Arora]

Hi @charlesBochet Can I work on this?

[charlesBochet]

@Kanav-Arora sure! I'm surprised about this behavior. I wonder if this is when the tooltip doesn't have the room to go on top on the element container

[Kanav-Arora]

It might be the case with the empty room so the property is applied in order of precedence. But I can give it a look if some other property is overriding it.

[FelixMalfait]

@Kanav-Arora did you try and do you know if this is the expected behavior (i.e. as Charles suggested it's just because there isn't enough room), or if there is something to fix? Thanks 🙏

[Kanav-Arora]

Hi @FelixMalfait I gave it a look I don't think so there's an issue its just due to order of precedence of property.

[FelixMalfait]

Thanks @Kanav-Arora! Closing then