必须在弹出窗口/对话框上单击两次

Question

I am using a webkit browser and getting an bug as when I am trying to close the popup its not active only and the parent browser is active even after the pop up for uploading files is open. I have to click on popup to activate it first and then again to make any selection on it.

How can I make the pop up active as soon as its open.

Is there a way to add event handler in the input tag only to make the pop up active and inactive the parent browser. for eg

<form action="${ctx}/home/step11/uploadReport" method="POST" enctype="multipart/form-data" id="form_upload">
               <table style="margin-left:25px">
                   <tr>
                       <td colspan="5" style="vertical-align:middle; font-size:100%">Demo Request Upload:</td> 
                   </tr>
                   <tr>
                       <td style="vertical-align:middle"><input id="uploadFileId" name="fileName" type="file" multiple="true"/></td>

                       <td/>
                       <td>               
                           <c:if test="${empty editable}">  
                                <input id="btnImport" class="active small button" disabled="disabled" type="button" value="Import"/>   
                            </c:if> 
                            <c:if test="${not empty editable}">  
                                <input id="btnImport" class="active small button" type="button" value="Import"/>   
                            </c:if> 
                       </td>

                   </tr>
               </table>
           </form>        

Answer 1

尝试创建一个事件，该事件在浏览器打开时会自动单击，因此它将在几微秒后激活