I have an application using boostrap-vue-next and a cookie banner (CookieYes). There are some pages where it pops up a modal - for example, in order to force sign-in. I want the modal to pop up (because that's what people expect) but I also want the cookie banner to be visible and functioning.

What's happening is that if you haven't already clicked on the cookie banner, then something to do with the modal code is blocking the click on the banner. So the annoying cookie banner shows, but you can't click to accept or reject the cookies until you've closed the modal - which nobody will think to do.

I can make it work by disabling the useCapture click event handlers attached to body by bootstrap-vue-next. I'm not sure which code it is - I tried allowing close on backdrop, in case it was that, but it doesn't seem to be. Maybe something to do with the focus trap? But I've tried disabling that. I've also tried setting teleportDisabled in case that would shift the event handlers so that they didn't interfere.

Any suggestions for how to handle this? I guess I could try to remove the bootstrap-vue-next click handlers and then restore them later, but that seems very hacky.