2017-07-28 8 views
0

overflow: hiddenの親の中にあるツールチップdivを作成しています。そのため、ツールチップに多くのテキストがある場合、親が大きくないため切り捨てられます。ツールチップはposition: absoluteです。ツールヒントオーバーフローで切り詰める方法:非表示の親

の直下の親が配置されていないと答えた多くの回答(such as this one)があります。そして、overflow: visibleを持つ上位の親は、position: relativeが置かれている場所になければなりません。

問題は、角2で一般的なツールチップコンポーネントを作成し、それぞれがテーブルヘッダーセルを基準に配置されていることです。だから私が親の親をposition: relativeにすると、すべてのツールチップは、表の見出しの代わりに表のコンテナに関連して配置されます。誰もがツールチップのカットオフを別の方法で修正する方法を知っていますか?

答えて

1

<body>にツールヒントを移動して、本体に対してアイテムの位置を返すgetBoundingClientRectメソッドを呼び出すことで、ホバリング/クリックされた要素の位置を取得できます。 あなたのツールチップは本当に一般的なことができますこの方法。

このメソッドは、要素に対してツールチップを便利に配置できる幅と高さも含むオブジェクトを返します。

関連する問題