(javascript)accordionでのdivの動きについて。

Question

ポップアウトするsideBarを作成しました。
sideBarにはdivを含むアコーディオンがあり、divはdraggableです。
ユーザはメインページでdivをドラッグして位置を変えます。

問題なのが、divがドラッグされたとき、アコーディオンの外では可視化されません。

これは、overflowを隠す設定にしているからなのですが、それを削除するとアコーディオンのコンテンツが隠れるべきときに表示されます。

overflow: hidden;

解決方はなんでしょうか？お願いいたします。

Answer 1

cssに以下を追加してください。

.accordion-heading + div.accordion-body {
    position: static;
}

bootstrap.cssの**"position: relative"ルールがアコーディオン外でdivを表示しない**ようにしています。
なので、ポジションを静的にリセットしましょう。