<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="The input field not clickable when I click another window tab then it clickable"><pre class="notranslate"><code class="notranslate">The input field not clickable when I click another window tab then it clickable
</code></pre></div>
<p dir="auto">I need to click outside the electron window.<br>
<a href="https://github.com/electron/electron/files/3925097/Microsoft.Game.DVR.-.DBT.IN.FERTILIZER.-.VLC.media.player.2019-12-04.09-45-16.zip">Microsoft.Game.DVR.-.DBT.IN.FERTILIZER.-.VLC.media.player.2019-12-04.09-45-16.zip</a></p>
<div id="user-content-login-block" dir="auto">
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="                    &lt;div class=&quot;m-auto w-lg-75 w-xl-75&quot;&gt;
                        &lt;div class=&quot;row&quot;&gt;
                            &lt;div class=&quot;col-md-12 text-center mt-2&quot;&gt;
                                &lt;a class=&quot;text-info font-weight-light m-4 heading log&quot;&gt;Login&lt;/a&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div *ngIf=&quot;eMsg&quot; class=&quot;alert alert-danger&quot;&gt;ERROR:--{{eMsg}}&lt;/div&gt;
                        &lt;form id=&quot;loginform&quot; method=&quot;post&quot; role=&quot;form&quot; class=&quot;frm-wth mt-4&quot; #ff=&quot;ngForm&quot;&gt;

                            &lt;div class=&quot;form-group&quot;&gt;&lt;label class=&quot;text-secondary&quot;&gt;RetailerId&lt;/label&gt;
                                &lt;input type=&quot;text&quot; maxlength=&quot;7&quot; required [(ngModel)]=&quot;loginform.rid&quot; name=&quot;rid&quot; #adminUsername=&quot;ngModel&quot; (keypress)=&quot;numberOnly($event)&quot; pattern=&quot;[0-9]{6,7}&quot; class=&quot;form-control&quot; /&gt;

                                &lt;!-- oninvalid=&quot;this.setCustomValidity('please enter ')&quot; --&gt;
                                &lt;div *ngIf=&quot;adminUsername.invalid &amp;&amp; adminUsername.touched&quot; class=&quot;alert alert-danger&quot;&gt;
                                    &lt;div *ngIf=&quot;adminUsername.errors.required&quot;&gt;{{common.RetailerIdisrequired}}&lt;/div&gt;
                                    &lt;div *ngIf=&quot;adminUsername.errors.pattern&quot;&gt;{{common.RetailerIdshouldbe60r7digitsandonlynumbersareallowed}} &lt;/div&gt;
                                &lt;/div&gt;

                            &lt;/div&gt;

                            &lt;div class=&quot;form-group&quot;&gt;&lt;label class=&quot;text-secondary&quot;&gt;Pin&lt;/label&gt;

                                &lt;input type=&quot;password&quot; required [(ngModel)]=&quot;loginform.pin&quot; (keypress)=&quot;numberOnly($event)&quot; #adminpin=&quot;ngModel&quot; maxlength=&quot;4&quot; name=&quot;pin&quot; class=&quot;form-control&quot; pattern=&quot;[0-9]{4,4}&quot; /&gt;

                                &lt;div *ngIf=&quot;adminpin.invalid &amp;&amp; adminpin.touched&quot; class=&quot;alert alert-danger&quot;&gt;
                                    &lt;div *ngIf=&quot;adminpin.errors.required&quot;&gt;{{common.PINisrequired}}&lt;/div&gt;
                                    &lt;div *ngIf=&quot;adminpin.errors.pattern&quot;&gt;{{common.PINshouldbe4digitsandOnlynumbersallow}} &lt;/div&gt;
                                &lt;/div&gt;

                            &lt;/div&gt;


                            &lt;div class=&quot;form-group&quot; *ngIf=&quot;isFetch==false&quot;&gt;
                                &lt;div class=&quot;container&quot;&gt;
                                    &lt;div class=&quot;row&quot;&gt;
                                        &lt;div class=&quot;col-md-12 text-center&quot;&gt;
                                            &lt;button mat-raised-button (click)=&quot;fetchuser()&quot;&gt; &lt;i class=&quot;material-icons&quot;&gt; touch_app &lt;/i&gt;FetchActiveUsers&lt;/button&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;

                            &lt;div class=&quot;form-group&quot; *ngIf=&quot;isFetch==true&quot;&gt;
                                &lt;mat-form-field class=&quot;example-full-width&quot;&gt;
                                    &lt;mat-select matNativeControl name=&quot;sampleType&quot; id=&quot;sampleType&quot; placeholder={{common.SelectUser}} [(value)]=&quot;selected&quot; required&gt;
                                        &lt;mat-option *ngFor=&quot;let sample of User.listUsers&quot; [value]=&quot;sample.aadharUserId&quot; (click)=&quot;user(sample)&quot; required&gt; {{sample.shopUserName}} ({{ sample.aadharNo }}) &lt;/mat-option&gt;
                                    &lt;/mat-select&gt;
                                &lt;/mat-form-field&gt;
                            &lt;/div&gt;


                            &lt;!-- Buttons --&gt;
                            &lt;div class=&quot;container&quot;&gt;
                                &lt;div class=&quot;row&quot;&gt;
                                    &lt;div class=&quot;col-lg-12 text-center mb-3&quot;&gt;
                                        &lt;div class=&quot;row&quot;&gt;
                                            &lt;div class=&quot;col-md-12&quot;&gt;
                                                &lt;button class=&quot;w-100 btn btn-info mt-2  buttonNext buttonc-mob mb-2&quot; mat-button name=&quot;login-submit&quot; id=&quot;login-submit&quot; data-target=&quot;#myModal&quot; data-toggle=&quot;modal&quot; value=&quot;Log In&quot; [disabled]=&quot;loginform.invalid&quot;&gt;
                                                    {{common.Login}} &lt;mat-icon class=&quot;mob-hide&quot;&gt;account_circle&lt;/mat-icon&gt;
                                                &lt;/button&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;row&quot;&gt;
                                            &lt;div class=&quot;col-md-12&quot; *ngIf=&quot;isFetch==true&quot;&gt;
                                                &lt;button class=&quot;w-100 btn btn-danger mt-2 buttonBack buttonc-mob&quot; mat-button name=&quot;login-submit&quot; id=&quot;login-submit&quot; (click)=&quot;home()&quot; value=&quot;Log In&quot;&gt;
														&lt;mat-icon class=&quot;mob-hide&quot; &gt;keyboard_arrow_left&lt;/mat-icon&gt; Back
													&lt;/button&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;!-- Buttons --&gt;

                        &lt;/form&gt;

                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class=&quot;col-lg-3&quot;&gt;&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">                    &lt;div class="m-auto w-lg-75 w-xl-75"&gt;
                        &lt;div class="row"&gt;
                            &lt;div class="col-md-12 text-center mt-2"&gt;
                                &lt;a class="text-info font-weight-light m-4 heading log"&gt;Login&lt;/a&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div *ngIf="eMsg" class="alert alert-danger"&gt;ERROR:--{{eMsg}}&lt;/div&gt;
                        &lt;form id="loginform" method="post" role="form" class="frm-wth mt-4" #ff="ngForm"&gt;

                            &lt;div class="form-group"&gt;&lt;label class="text-secondary"&gt;RetailerId&lt;/label&gt;
                                &lt;input type="text" maxlength="7" required [(ngModel)]="loginform.rid" name="rid" #adminUsername="ngModel" (keypress)="numberOnly($event)" pattern="[0-9]{6,7}" class="form-control" /&gt;

                                &lt;!-- oninvalid="this.setCustomValidity('please enter ')" --&gt;
                                &lt;div *ngIf="adminUsername.invalid &amp;&amp; adminUsername.touched" class="alert alert-danger"&gt;
                                    &lt;div *ngIf="adminUsername.errors.required"&gt;{{common.RetailerIdisrequired}}&lt;/div&gt;
                                    &lt;div *ngIf="adminUsername.errors.pattern"&gt;{{common.RetailerIdshouldbe60r7digitsandonlynumbersareallowed}} &lt;/div&gt;
                                &lt;/div&gt;

                            &lt;/div&gt;

                            &lt;div class="form-group"&gt;&lt;label class="text-secondary"&gt;Pin&lt;/label&gt;

                                &lt;input type="password" required [(ngModel)]="loginform.pin" (keypress)="numberOnly($event)" #adminpin="ngModel" maxlength="4" name="pin" class="form-control" pattern="[0-9]{4,4}" /&gt;

                                &lt;div *ngIf="adminpin.invalid &amp;&amp; adminpin.touched" class="alert alert-danger"&gt;
                                    &lt;div *ngIf="adminpin.errors.required"&gt;{{common.PINisrequired}}&lt;/div&gt;
                                    &lt;div *ngIf="adminpin.errors.pattern"&gt;{{common.PINshouldbe4digitsandOnlynumbersallow}} &lt;/div&gt;
                                &lt;/div&gt;

                            &lt;/div&gt;


                            &lt;div class="form-group" *ngIf="isFetch==false"&gt;
                                &lt;div class="container"&gt;
                                    &lt;div class="row"&gt;
                                        &lt;div class="col-md-12 text-center"&gt;
                                            &lt;button mat-raised-button (click)="fetchuser()"&gt; &lt;i class="material-icons"&gt; touch_app &lt;/i&gt;FetchActiveUsers&lt;/button&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;

                            &lt;div class="form-group" *ngIf="isFetch==true"&gt;
                                &lt;mat-form-field class="example-full-width"&gt;
                                    &lt;mat-select matNativeControl name="sampleType" id="sampleType" placeholder={{common.SelectUser}} [(value)]="selected" required&gt;
                                        &lt;mat-option *ngFor="let sample of User.listUsers" [value]="sample.aadharUserId" (click)="user(sample)" required&gt; {{sample.shopUserName}} ({{ sample.aadharNo }}) &lt;/mat-option&gt;
                                    &lt;/mat-select&gt;
                                &lt;/mat-form-field&gt;
                            &lt;/div&gt;


                            &lt;!-- Buttons --&gt;
                            &lt;div class="container"&gt;
                                &lt;div class="row"&gt;
                                    &lt;div class="col-lg-12 text-center mb-3"&gt;
                                        &lt;div class="row"&gt;
                                            &lt;div class="col-md-12"&gt;
                                                &lt;button class="w-100 btn btn-info mt-2  buttonNext buttonc-mob mb-2" mat-button name="login-submit" id="login-submit" data-target="#myModal" data-toggle="modal" value="Log In" [disabled]="loginform.invalid"&gt;
                                                    {{common.Login}} &lt;mat-icon class="mob-hide"&gt;account_circle&lt;/mat-icon&gt;
                                                &lt;/button&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;div class="row"&gt;
                                            &lt;div class="col-md-12" *ngIf="isFetch==true"&gt;
                                                &lt;button class="w-100 btn btn-danger mt-2 buttonBack buttonc-mob" mat-button name="login-submit" id="login-submit" (click)="home()" value="Log In"&gt;
														&lt;mat-icon class="mob-hide" &gt;keyboard_arrow_left&lt;/mat-icon&gt; Back
													&lt;/button&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;!-- Buttons --&gt;

                        &lt;/form&gt;

                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class="col-lg-3"&gt;&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre></div>
</div>
        <div id="user-content-notpritarea" dir="auto">
            <h1 id="user-content-pritarea" dir="auto"><strong>{{common.ConsentofAadhaarHolder}}</strong></h1>
            ×
        </div>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="    &lt;div class=&quot;modal-body&quot; id=&quot;pritarea1&quot; *ngIf=&quot;lan=='eng'&quot;&gt; {{common.consentDetails}} &lt;/div&gt;

    &lt;div class=&quot;imgCenter&quot;&gt;
        &lt;img src=&quot;http://img.jetbitts.com/screensavers/down/misc/thumbprint_zkh6r47f.gif&quot; /&gt;
    &lt;/div&gt;

    &lt;div class=&quot;text-center mb-3&quot; id=&quot;notpritarea&quot; *ngIf=&quot;lan=='eng'&quot;&gt;

        &lt;button mat-raised-button class=&quot;back text-center&quot; data-dismiss=&quot;modal&quot;&gt;{{common.Decline}}&lt;/button&gt; &amp;nbsp;&amp;nbsp;
        &lt;button mat-raised-button class=&quot;mat-success text-center&quot; data-dismiss=&quot;modal&quot; (click)=&quot;capture(deviceinfo)&quot;&gt;{{common.Accept}}&lt;/button&gt; &lt;br&gt;
    &lt;/div&gt;

&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">    &lt;div class="modal-body" id="pritarea1" *ngIf="lan=='eng'"&gt; {{common.consentDetails}} &lt;/div&gt;

    &lt;div class="imgCenter"&gt;
        &lt;img src="http://img.jetbitts.com/screensavers/down/misc/thumbprint_zkh6r47f.gif" /&gt;
    &lt;/div&gt;

    &lt;div class="text-center mb-3" id="notpritarea" *ngIf="lan=='eng'"&gt;

        &lt;button mat-raised-button class="back text-center" data-dismiss="modal"&gt;{{common.Decline}}&lt;/button&gt; &amp;nbsp;&amp;nbsp;
        &lt;button mat-raised-button class="mat-success text-center" data-dismiss="modal" (click)="capture(deviceinfo)"&gt;{{common.Accept}}&lt;/button&gt; &lt;br&gt;
    &lt;/div&gt;

&lt;/div&gt;
</code></pre></div>
<p dir="auto">The input field not  clickable when I click another window tab then it clickable</p>
<p dir="auto">I need to click outside the electron window.</p>