MenuBar throws errors on master (focus-trap too much recursion)

[susnux]

On master the emoji picker does not work any more after switching to the beta version of the @nextcloud/vue components.
Clicking on an emoji does not insert it.
Using any other menu entry with a submenu (like callouts or headings) slows down the whole browser thread.

The console is spammed with the following error message on Firefox (103.0.2):

Uncaught InternalError: too much recursion

``` r focus-visible.js:41 t focus-visible.js:98 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 focus-visible.js:41:6 r focus-visible.js:41 t focus-visible.js:98 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 e focus-trap.esm.js:379 g focus-trap.esm.js:446 e focus-trap.esm.js:379 g focus-trap.esm.js:447 ```

On chromium (104.0.5112) I get this errors:
localhost-1661521467910.log

[juliusknorr]

cc @vinicius73 since you worked on the focus trap bits as well

[max-nextcloud]

I'm also seeing this when trying to change a text file share to be editable.

screenshots of the trace

[vinicius73]

Related: nextcloud-libraries/nextcloud-vue#3154

[vinicius73]

focus-trap/focus-trap#428

[mejo-]

The same is true for the formatting help when trying to open it on mobile.