How to clear up modal popup during selection of control?

Hi Team

I have a modal popup and i want to find out , how do i clear out once user selects any control from the form? Reason being it becomes blur and remain there and even if close button is used.

<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Add Peopleh5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×span>
button>
div>

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
you might be doing something wrong,
how many modals are there in your page?
remember all should have different name.
modal should close on close button click, why it would be blur?
0
Guest User5y ago
Hi Mate

I see must implement javascript library that can allow this blur be closed for the window or fom modal popup.
0
Mageshwaran R5y ago
Hi Gcobani,
please refer this link,
https://www.jqueryscript.net/lightbox/blur-background-modal.html
0