javascript - Semantic-Ui modal jittery behaviour -


i using semantic-ui designing site project , while using modal, seeing jittery behaviour.

here link : click here enter project site

press 'register' button open modal dialog, , notice dialog being formed in left side , shows properly.

cannot understand reason behaviour.

some appreciated.

code :

<!-- register box -->     <div class="ui fluid standard modal" id="registerbox">         <div class="ui attached message" id="headerimage">             <div class="header" id="head">                 welcome meetup!             </div>             <p id="subhead">sign-up 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> 

i've detected problem. caused new version of library. using old version[stable] solved it.


Comments

Popular posts from this blog

java - Plugin org.apache.maven.plugins:maven-install-plugin:2.4 or one of its dependencies could not be resolved -

Round ImageView Android -

How can I utilize Yahoo Weather API in android -