物化可折叠的内部模态不会保持打开状态

Question

我的可折叠元素遇到了一个问题，当我单击可折叠标题元素时，它会导致可折叠主体非常快地打开/关闭几次。

这里是模态触发器：

<a class="btn modal-trigger" href="#myModal">Trigger</a>

这是我的模态结构：（注意使用 ng-repeat，不确定是否可以链接）

  <div id="myModal" class="modal">
    <div class="modal-content" >
      <ul class="collapsible" data-collapsible='accordion' watch>
        <li>
          <div class="collapsible-header">FOO</div>
          <div class="collapsible-body">foo</div>
        </li>
        <li>
          <div class="collapsible-header">BAR</div>
          <div class="collapsible-body">bar</div>
        </li>
      </ul>
    </div>
  </div>

结束我的 HTML 的脚本：

<script> 
    $(document).ready(function(){
        $('.modal-trigger').leanModal({
            ready: function(){
                $('.collapsible').collapsible()
            }
        });
    });
</script>

我一直在浏览，没有发现任何相关问题。任何帮助将不胜感激（请随时要求澄清）。

Answer 1

感谢Allan的回答，虽然和身高无关：

1. 当项目打开时，模态会自动垂直扩展。

2. 设置较大的最小高度并不能解决我的问题。