Bootstrap date control in the modal box select the time drop-down menu Invalid reason and solution (Firefox can not click) _jquery

Received a compatible bug submitted by the program group today, when using the modal box to load the date control in Firefox, select the Time drop-down menu has no effect (cannot click), but in Google is good,

Wrong way:

1, place a time control in the main layer of the current page and test through

2, put a time control on the AJAX load page, test the Pass

3, place a time control at the outermost layer of the modal box, not through

The main reason is the modal frame and the time Drop-down menu level relationship caused by (Z-index), Because the time control is a collection of bootstrap time controls. js file generation, resulting in the page and CSS style sheet modification is invalid, the web has a direct modification of the bootstrap time control. js file, however bootstrap version too much, do not recommend to modify this file

Solution:

Remove the outermost tabindex= "-1" role= "dialog" property of the most modal frame, and the bootstrap-validator-form in the form layer.

Before removing

<div class= "Modal Fade Bs-example-modal-lg Winninguser" id= "editor"-1 "tabindex=" role= "dialog" Mylargemodallabel ">
<div class=" Modal-dialog modal-lg "style=" width:60%; ">
<div class=" Modal-content ">
<div class=" Modal-header ">
<button type=" button "class=" Close "data-dismiss=" Modal "id=" Topclose "><span aria-hidden=" true ">x</span><span class=" Sr-only ">close</span ></button>
 
 

After removing

<div class= "Modal Fade Bs-example-modal-lg" id= "editor" >
<div class= "Modal-dialog modal-lg" style= "width : 60% ">
<div class=" modal-content ">
<div class=" Modal-header ">
<button type=" button "Class=" Close "data-dismiss=" modal "id=" Topclose "><span aria-hidden=" true ">x</span><span class=" Sr-only ">Close</span></button>
 
 

The above is a small series to introduce the bootstrap date control in the Modal box to select the time drop-down menu Invalid solution (Firefox), I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!