(3P) External Media: Arrow keys not captured by modal

[jeryj]

When using a Media Extensions modal (like Pexels or Google photos), you can press the arrow keys and it will either close the modal or interact with the editor canvas.

Steps to reproduce the issue

Modal closing

1. Insert an image block
2. Click on Select Image
3. Choose "Pexels Free Libary"
4. See the modal open
5. Press an arrow key
6. The modal will close

Interacting with window behind the modal

1. Insert an image block
2. Click on Select Image
3. Choose "Google Libary"
4. See the modal open
5. Add a Before or After date filter
6. Click the Before/After filter button to get the calendar to show
7. press the arrow keys
8. Focus is now in the editor canvas. You can tab/arrow key around and see things change behind the modal.

What I expected

Arrow keys should be bound within the modal.

[obenland]

Possible ways:

• Check the modal if there are ways to better implement ours as these keypresses should be handled by it.
• Check onClose handlers to see if they're too broad

Let's re-estimate this once we found a way forward.

[WunderBart]

Fixed by #16055