Multiple modals without creating additional methods in a vue project with fullscreen-vue?

Question

JavaScript

There is a small project with fullscreen-vue and bootstrap-vue modal codesandbox .
When running fullscreen, it is impossible to see the modal.
The project uses a lot of windows, to call them I use

.... self.$bvModal
        .msgBoxConfirm( .... ).then ....

so as not to "produce" additional (extra) methods on "OK" or in the case of "NO" or other actions.
Question: how to solve the problem with launching fullscreen and opening modal windows at the same time? What solutions are there, maybe there are other modals with a more flexible setting so that you can append them to #app(while using the window call with thenand catch...?

Answer 1

I can advise to abandon fullscreen-vue and switch to native js fullscreen api . You can see your working code with working modal windows on codesandbox