Rozmiar semantyczny-ui zachowuje długość do wysokości strony

Question

Próbuję zaimplementować podstawowy modal, ale jego rozmiar jest przedłużany do wysokości strony.

Kod wyzwalania:

$('.ui.modal.apply-modal').modal('show'); 

Kod Modal:

<div class="ui modal apply-modal"> 
<i class="close icon"></i> 
<div class="header"> 
    Modal Title 
</div> 
<div class="content"> 
    facebook 
</div> 
<div class="actions"> 
    <div class="ui button">Cancel</div> 
    <div class="ui button">OK</div> 
</div> 

Answer 1

Okazuje się, że Bootstrap pakiet jest sprzeczne z Semantic-UI pakietu używam.

prostu wykonując:

meteor remove twbs:bootstrap 

Zrobiło rozwiązany. To prawda, nie jest to idealne rozwiązanie, ale i tak nie powinienem używać obu frameworków w tym samym czasie.

Cóż, po około dwóch godzinach debugowania ....

Answer 2

miałem ten sam problem. Moje rozwiązanie było modyfikować CSS modalnego składnika z Semantic UI w ten sposób:

.modal { position: relative;} or #myModal { position: relative;} 

<div id="myModal" class="ui small modal"></div> 

To działa na mnie, mam nadzieję pomóc. Zgadzam się z Michaelem Khaitem, ten problem może wystąpić w przypadku konfliktu między Boostrap i Semantic UI