html5 - Bootstrap 3.2.0 Input Arrays inside Panel are not compatible with Firefox? -
i developing web application built off of bootstrap 3.2.0. working fine except input arrays not able edited within firefox 33.1 (safari 8.0 , chrome 38.0.2125.122 work fine).
my settings page looks this:
<!-- tab panes --> <form method="post" class="form-horizontal" role="form"> ... <div class="tab-content"> <div role="tabpanel" class="tab-pane" id="social"> <button type="button" class="social-add btn btn-success"><span class="glyphicon glyphicon-plus"></span> add social icon</button> <br/><br/> <!-- social icons --> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">social icons</h3> </div> <div class="social-div panel-body"> // loop ... <div class="social-divs form-group"> <label class="col-sm-1"><span class="glyphicon glyphicon-move pull-right"></span></label> <div class="col-sm-11"> <div class="col-sm-3"> <select name="social-type[]" class="form-control"> // loop ... <option value="...">...</option> // end loop ... </select> </div> <div class="col-sm-6"> <input name="social-link[]" class="form-control" type="text" value="..."> </div> <div class="col-sm-3"> <button type="button" class="social-remove btn btn-danger"><span class="glyphicon glyphicon-minus"></span> remove</button> </div> </div> </div> // end loop ... </div> </div> </div> ... </form>
as can see using html input array method social icons since user dynamically creates them , can reorder them. works perfect in safari , chrome mentioned before, select box , textfield not able edited in firefox.
the weird thing if had:
<input name="social-link[]" class="form-control" type="text" value="...">
outside of bootstrap panel , tab system textfield editable. there must compatibility issues firefox , bootstrap panels or tabs.
thanks in advance :)
i able determine way calling jquery sortable on div container. firefox not when call disableselection() on sortable elements this:
$("#sort").sortable().disableselection();
so instead use:
$("#sort").sortable();
a better thread can found here.
Comments
Post a Comment