ターゲット要素がテザーで追加されるカスタム親要素を設定する方法はありますか?
デフォルトでは、すべてのテザー要素が に追加されbody
ます。ドロップダウン要素をモーダル内の入力にアタッチしていますが、z-index の問題により、このドロップダウンを ではなくモーダルに追加する必要がありますbody
。テザーにはそうするためのオプションがありますか?
ターゲット要素がテザーで追加されるカスタム親要素を設定する方法はありますか?
デフォルトでは、すべてのテザー要素が に追加されbody
ます。ドロップダウン要素をモーダル内の入力にアタッチしていますが、z-index の問題により、このドロップダウンを ではなくモーダルに追加する必要がありますbody
。テザーにはそうするためのオプションがありますか?
試してみるいくつかのこと...
まず、Tether に付属の CSS を使用していることを確認します。私のプロジェクトに CSS を追加するだけで、body の終了タグのすぐ上に要素が配置されることによって発生するオーバーフローの問題が修正されました。
また、Tether が機能している場合、要素にクラスが追加され、スタイリングに使用できます。彼らのドキュメントから:
テザー要素が要素に追加されます
テザーターゲットがターゲットに追加されます
テザーが無効になっていない場合、テザー対応が両方の要素に追加されます
tether-element-attached-[left,right,top,bottom,middle,center]は、要素の添付ファイルに基づいて両方の要素に追加されます。要素が切り離された場合 (たとえば、固定されている場合)、そのクラスは削除されます。クラスは要素が実際にどのようにアタッチされているかを反映するため、制約によってアタッチメントが変更されると、その変更がクラスに反映されます。
tether-target-attached-[left,right,top,bottom,middle,center]は、ターゲットのアタッチメントに基づいて両方の要素に追加されます。すべての特性はエレメント付きと同じです。
tether-out-of-bounds、tether-out-of-bounds-[side]は、要素がその制約の外側に配置されたときに、要素とターゲットの両方に追加されます。
tether-pinned、tether-pinned-[side]は、制約によって要素がコンテナーの [側面] に固定されている場合に、要素とターゲットの両方に追加されます。