Today I received a compatible bug submitted by the program group. When using the modal box to load the date control in Firefox, I have no effect (cannot click), but it is good in Google.
Ideas for troubleshooting:
1. Place a time control on the main layer of the current page, and the test passes
2. Place a time control on the ajax loading page, and the test passes
3. Place a time control on the outermost layer of the modal box, without passing
The main reason is that the hierarchical relationship between the modal box and the time pull-down menu (z-index). Because the time control is generated by the bootstrap time control.js file, the modification in the page and css style sheets is invalid. There are time control.js files that directly modify the bootstrap time control. However, there are too many versions of bootstrap, so it is not recommended to modify this file.
Solution:
Remove the tabindex="-1" role="dialog" attribute of the outermost layer of the most modal box, as well as the bootstrap-validator-form in the form layer.
Before removing
<div id="editor" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"><div ><div><div><button type="button" data-dismiss="modal" id="topClose"><span aria-hidden="true">×</span><span>Close</span></button><h4>Please select the prize used in this round</h4></div><div style="min-height:400px;padding:0 20px 20px 20px;"><form id="awardForm" method="post" action="${base }/activity/ajax_add_award_settings.json" >After removal
<div id="editor"><div ><div><div><div><button type="button" data-dismiss="modal" id="topClose"><span aria-hidden="true">×</span><span>Close</span></button><h4>Please select the prize used in this round</h4></div><div style="min-height:400px;padding:0 20px 20px 20px;"><form id="awardForm" method="post" action="${base }/activity/ajax_add_award_settings.json" >The above is the solution (Firefox) that the BootStrap date control introduced to you. The time drop-down menu is invalid in the modal box. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support to Wulin.com website!