問題
- この記事では、iframe内のスクロール操作にボタンのドロップダウンメニューが追従するケースと、その解決方法について詳しく説明します。
Environment
- Liferay DXP 7.1
解決策
- iframeの場合、 popper.jsはスクロール時にドロップダウンメニューを移動させます。 これを所定の位置に固定するために、以下の内容を記載してください:
-
data-display="static"
-
ここでは、ドロップダウン・ボタンのコードの完全な例を示します:
<button
aria-expanded="false"
aria-haspopup="true"
class="btn btn-secondary dropdown-toggle"
data-display="static"
data-toggle="dropdown"
id="dropdownAlignment1"
type="button"
>