hide bootstrap modal from javascript without using jquery

Question

How to hide bootstrap modal from javascript without using jquery. None of the following work :

document.getElementById('id_1').modal('toggle');
document.getElementById('#id_1').modal('toggle');
document.getElementById('id_1').modal('hide');

If I add a class hide it works. The modal hides, But the main screen stays grey. Focus never shifts to the main screen until I click on the screen. Thanks

Asad ali · Accepted Answer · 2020-01-14 10:41:26Z

1

You can use v-if attribute on modal to toggle it. <b-modal v-if="isVisible">

answered Jan 14, 2020 at 10:41

Asad ali

1652 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kmoser · Accepted Answer · 2022-02-28 05:48:39Z

0

I tried many solution but the one I created and worked for me is: add a close button (the default one given by Bootstrap modal template) and if you want you can add a d-none class to it if you want to hide it.

Then in your Javascript code :

var close = document.getElementById("closeButton");
close.click();

edited Feb 28, 2022 at 5:48

kmoser

9,3693 gold badges28 silver badges45 bronze badges

answered Feb 24, 2022 at 15:25

Mouheb Mehdoui

1

Collectives™ on Stack Overflow

hide bootstrap modal from javascript without using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related