必须按两次按钮才能工作

Question

大家好我正在开发一个完全使用html，bootstrap和CSS运行的Android应用程序。但在某些情况下，我使用本机代码android.Now问题是，当我点击HTML中的文本框时，弹出本机键盘，当我点击任何HTML按钮时，首先键盘被删除然后我必须再次点击然后按钮正在工作。我必须按两次按钮。请帮助。它在Genymotion模拟器上正常工作但不能在真实设备上工作。

我正在使用摩托罗拉turbo版

按钮位于

之下

 <!--Approval Buttons Section-->
    <div ng-show="!vc.isApprDtlsSuccessShown && !vc.isApprDtlsOTPShown"
         class="t-approval-btn-block">
        <div class="t-approval-btn-box"> <!--Removed ng-disabled="vc.disableButtons"-->
            <button type="submit" class="btn btn-default pink-btn"
                    ng-click="vc.setStatus('APR', 'approvalDetails')">APPROVE
            </button>
        </div>
        <div class="t-approval-btn-box m_top10">
            <button type="submit" class="btn btn-default pink-btn"
                    ng-click="vc.setStatus('REJ', 'approvalDetails')">REJECT
            </button>
        </div>
        <div class="t-approval-btn-box m_top10">
            <button type="submit" class="btn btn-default pink-btn"
                    ng-click="vc.setStatus('APH', 'approvalDetails')">APPROVE AND HOLD
            </button>
        </div>

Css低于

 .t-approval-btn-box {

text-align：center; }

.pink-btn {
width: 281px;
height: 48px;
background-color: #fb637e;
text-transform: uppercase;
color: #fff;
border: none;
font-size: 16px;

}

.m_top10 {
margin-top: 10px;

}