fix(web): Prevent DELETE key from clearing DateInput in modal

[uniqueeest]

This commit modifies the keydown event handler to stop the propagation of non-navigation key events in the change date modal.
So the DELETE key prevented the error of erasing the selected pictures.

[ben-basten]

This might be out of scope for the current PR, but I'm wondering if this event propagation fix should be pulled into the FullScreenModal level. Keyboard shortcuts affecting the content behind a modal is an issue in multiple places, so that would also fix issues like #8805.

[danieldietzler]

This might be out of scope for the current PR, but I'm wondering if this event propagation fix should be pulled into the FullScreenModal level. Keyboard shortcuts affecting the content behind a modal is an issue in multiple places, so that would also fix issues like #8805.

Yeah I think you're right. Before we solve the same issue in a dozen places we should fix the actual issue at the root.

[uniqueeest]

@danieldietzler I fixed the keyboard issue that occurs in modals by adding stop propagation to the full-screen-modal component. What do you think?

[danieldietzler]

You don't want to essentially disable all events. Something like escape should still work there. #8846 (comment) applies here as well.

[ben-basten]

Looks like the FocusTrap will have to be moved, to make sure that it's still receiving the keyboard events needed to manage focus within the modal. Making it a direct child of the section could be a fix for this!

[uniqueeest]

@ben-basten Thank you, and I'll give it a try!

[jrasm91]

I just changed this to just ignore events that originate from an input type that includes date and that seemed to fix the issue without needing to make any other changes.

[jrasm91]

This fixes the issue for keyboard shortcuts while focus is in the input. It doesn't address the issue for shortcuts triggering events while the modal is open and the focus is not in an input field. I think that is fine for now and can be left for a follow-up PR.