LoginSignup
0
1

More than 3 years have passed since last update.

v-tootipで複数が重なった場合任意のtooltipを下にする方法

Posted at

【v-tootip】
https://github.com/Akryum/v-tooltip

v-tootipが重なり合ってどちらか任意の方を下にもって行きたい時
z-indexを変えるオプションがあるかと思ったがなさそう
offsetがあるならあってもよさそうなのに・・・

そこでpopoverClassを使用して任意のクラスを追加してstyleを書き換える
複数重なり合うパターンだとコード汚くなるのでいい方法を探していきたい

Githubのclassを使用するとこちらで重なりを作っているので

.tooltip {
 z-index: 10000;
}

このようにして対応をする

<v-tootip popoverClass=under-class>

.under-class {
 z-index: 5000;
}
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1