Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't close a Modal using JS

See original GitHub issue

OS: linux
browser: Chrome latest
test-case: https://jsfiddle.net/caub/x6t2ovqm/

BS5-modal-hide-issue

As you can see, the backdrop is still there, after the modal gets closed

I could remove the backdrop myself document.querySelector('.modal-backdrop')?.remove() but that feels quite hacky, this internal part should be part of bootstrap API

Issue Analytics

State:
Created 2 years ago
Reactions:1
Comments:18 (6 by maintainers)

Top GitHub Comments

2reactions

rohit2sharma95commented, Apr 23, 2021

So do you guys want the hide method to work synchronously? 😟 Since the code that you wrote is fine IMO @alpadev

const modal = bootstrap.Modal.getInstance(modalEl);
modal.hide();
modalEl.addEventListener('hidden.bs.modal', () => {
  modal.dispose();
}, { once:true });

/CC @GeoSot

1reaction

alpadevcommented, May 25, 2021

@caub glad if that works for you.

I’d prefer to leave this open tho, so that we can track this and maybe at some point come up with an easier solution. Or maybe we should open a new feature issue for this. 🤔

/CC @GeoSot @rohit2sharma95