[#12314] Popover appears in front of modal blocking buttons (#12573)

* Add mouseenter event and close tooltip if button is clicked * Remove added code from session-submission-page * Update question-submission-form.component.html Co-authored-by: Jason Qiu <[email protected]> --------- Co-authored-by: Jason Qiu <[email protected]>
TEAMMATES · Sep 13, 2023 · 0e09533 · 0e09533
1 parent ceb0bcf
commit 0e09533
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/web/app/components/question-submission-form/question-submission-form.component.html b/src/web/app/components/question-submission-form/question-submission-form.component.html
@@ -214,7 +214,8 @@ <h2 class="question-details"><b>Question {{ model.questionNumber }}: </b>{{ mode
         <div class="col-12 text-center">
           <button id="btn-submit-qn-{{ model.questionNumber }}" type="submit" class="btn btn-success"
                   ngbTooltip="You can save your responses for this question at any time and come back later to continue."
-                  (click)="saveFeedbackResponses()" [disabled]="isSavingResponses || isSubmissionDisabled">
+                  #tooltip="ngbTooltip" (mouseenter)="tooltip.open()"
+                  (click)="saveFeedbackResponses(); tooltip.close();"[disabled]="isSavingResponses || isSubmissionDisabled">
             <tm-ajax-loading *ngIf="isSavingResponses"></tm-ajax-loading>
             <span>{{ isQuestionCountOne ? "Submit Response" : "Submit Response for Question " + model.questionNumber }}</span>
           </button>