Модифицированное поведение Semantic-Ui

Question

Я использую Semantic-UI для проектирования сайта для своего проекта, и я использую модальный, я вижу неустойчивое поведение.

Вот ссылка: Click Here to Enter The Project Site

Нажмите кнопку «Register», чтобы открыть модальное диалоговое окно, и вы увидите диалоговое окно формируется на левой стороне, а затем показывает правильно.

Не могу понять причину такого поведения.

Некоторая помощь будет оценена по достоинству.

Код:

<!-- Register Box --> 
    <div class="ui fluid standard modal" id="RegisterBox"> 
     <div class="ui attached message" id="headerImage"> 
      <div class="header" id="head"> 
       Welcome to MeetUp! 
      </div> 
      <p id="subHead">Sign-up for a new account here.</p> 
     </div> 
     <div class="ui error form segment" id="regForm"> 
      <div class="ui black row"> 
       <div class="two fields"> 
        <div class="field"> 
         <label>First Name</label> 
         <input class="text" placeholder="First Name" type="text" name="fname" id="txtFn"> 
        </div> 
        <div class="field"> 
         <label>Last Name</label> 
         <input class="text" placeholder="Last Name" type="text" name="lname" id="txtLn"> 
        </div> 
       </div> 
      </div> 

      <div class="two fields"> 
       <div class="field"> 
        <label>Email</label> 
        <input class="text" placeholder="Email Id" type="email" name="email" id="txtEmail"> 
       </div> 
       <div class="field"> 
        <label>Gender</label> 
        <div class="text ui selection dropdown" id="cmbSex"> 
         <div class="default text">Select</div> 
         <i class="dropdown icon"></i> 
         <input type="hidden" name="gender"> 
         <div class="menu"> 
          <div class="item" data-value="male" data-text="Male"> 
           <i class="male icon"></i> 
           Male 
          </div> 
          <div class="item" data-value="female" data-text="Female"> 
           <i class="female icon"></i> 
           Female 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div class="two fields"> 
       <div class="field"> 
        <label>Password</label> 
        <input class="text" type="password" placeholder="Password" name="pass" id="txtPassword"> 
       </div> 
       <div class="field"> 
        <label>Confirm Password</label> 
        <input class="text" type="password" placeholder="Password" name="Cpass" id="txtRepeatPass"> 
       </div> 
      </div> 
      <div class="ui blue button" id="btnSubmit">Register</div> 
     </div> 
     <i class="close icon"></i> 
    </div> 

Answer 1

Я обнаружил проблему. Это вызвано новой версией библиотеки. Использование старой версии [stable] решило ее.