Akryum / Akryum/floating-vue

tooltip doesnt positioned propeply, if parent element have overflow-y: scroll

Ouverte
#721 5 commentaires 2 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
3.5k
Forks
341
Merge moyen
14 min
PR mergées (30 j)
8

Description

Hello dear developers! I find a very disturbing issue.

I got a div with max-height: 500px. In this div i render ul with overflow-y: scroll with max-height: 250px and a bunch of li, that will be rendered, added and deleted dynamically. But, if there is only one list item, then v-tooltip will be positioned incorrectly.

As example, if i use v-tooltip.bottom, then div rendered into DOM will contain x-placement="top" attribute. But, if i add another list item, the tooltip of first list item will be positioned properly, unfortunately tooltip for the last item in list, will be positioned incorrectly again and bottom will be switched to top.

Is it expected behavior or not? I think this is issue, because all of tooltip rendered into body.

Only one element in list:
![image](https://user-images.githubusercontent.com/26376786/119154938-53768a80-ba5b-11eb-9026-07baade734f7.png)
Two elements in list:
![image](https://user-images.githubusercontent.com/26376786/119154962-596c6b80-ba5b-11eb-8e0b-2b64fbb462d1.png)

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.