modalのスクロールができない

Question

前提・実現したいこと

vue-js-modalというgemを使用しています。
ドキュメントに沿ってスクロール機能を実装しました。
しかし、うまく動作しません。

参考資料
https://euvl.github.io/vue-js-modal/Properties.html#properties-2

発生している問題・エラーメッセージ

scrollable:trueの画像
スクロールを可能にするscrollableというオプションはtrueになっています。

該当のソースコード

  <modal name="item-create-modal"
         :adaptive="true"
         :resizable="true"
         :width="700"
         :scrollable="true"
         height="auto"
      >
    <ItemCreateModal
      />
  </modal>

Comments

[no1knows]

使ったことのない人の独り言です。

パッと見ただけですが、height="auto"は、:height="auto"が適切な気がします。
またひとまずの動作確認のために、公式に沿って高さは指定してあげても良い気がします・・・

Answer 1

:resizeableと同時に使えないようです。
<modal name="item-create-modal" :width="700" :scrollable="true" height="auto" >
上記でスクロール機能実装できました。