Choose a block menu showing over the modal

[imanish003]

Description

As you can see in the screenshot below, choose block menu appears over the Patterns modal.

Expected behavior

The choose a block menu should be behind the modal, in this case, the patterns modal.

Step-by-step reproduction instructions

1. Edit any post & type /woo, and the following menu will appear:
   

2. Click on the plus button available in the top left corner
   

3. Go to the patterns tab and click on Explore button while choose a block menu is still open.
   
   and you will see the issue
   

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

No

[BE-Webdesign]

Can replicate, unfortunately this probably can't be fixed with just some CSS as it seems on purpose that components-popover has a higher z-index than components-modal__screen-overlay. I will make a PR that fixes this with a click outside for the popover.

// Show modal under the wp-admin menus and the popover
".components-modal__screen-overlay": 100000,

// Show popovers above wp-admin menus and submenus and sidebar:
// #adminmenuwrap { z-index: 9990 }
".components-popover": 1000000,