Materialise zusammenklappbar innen Modal bleibt nicht offen

Question

Ich habe ein Problem mit meinem zusammenklappbaren, das den zusammenklappbaren Körper mehrmals schnell öffnen/schließen lässt, wenn ich auf ein reduzierbares Header-Element klicke. Hier

ist der modale Auslöser:

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

Hier ist meine modale Struktur: (beachten Sie die Verwendung von ng-repeat, nicht sicher, ob es verknüpft werden könnte)

<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> 

Das Skript endet mein HTML:

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

Ich habe herumgesucht, ohne irgendein in Verbindung stehendes Problem zu finden. Jede Hilfe wird sehr geschätzt (zögern Sie nicht, um Klärung zu bitten).

Answer 1

Dank Allan für deine Antwort, obwohl es nicht auf die Höhe bezogen werden:

1. Der Modal itselfs automatisch vertikal ausdehnt, wenn Artikel öffnet.

2. Die Einstellung einer großen Mindesthöhe löst mein Problem nicht.