No way to unfocus comment field without the mouse

[technomancy]

Description

After typing a comment, normally you want to submit it. However, pressing tab (which should move the browser focus on to the next page element) just inserts a literal tab character, which is not useful in the context of the comment entry box. Pressing escape (which is supposed to unfocus the textarea) has no effect. Thus it is necessary to use the mouse to submit a comment, which is an unfortunate accessibility bug.

Repro URL: https://try.gitea.io/technomancy/pengbot/issues/new

I have reproduced in both Firefox and Chromium.

Gitea Version

1.17.0+52-g7b04535

Can you reproduce the bug on the Gitea demo site?

Yes

Log Gist

No response

Screenshots

No response

Git Version

No response

Operating System

No response

How are you running Gitea?

I first noticed this on codeberg.org but made sure it was also reproducible on try.gitea.io.

Database

No response

[wxiaoguang]

Ctrl + Enter or Command + Enter

• [Feature Request] Add "Ctrl+Enter" posting of messages for all textareas #14843
• Make Ctrl+Enter (quick submit) work for issue comment and wiki editor #19729

[technomancy]

Thanks for the workaround. That will be useful to me while I wait for this to be fixed and deployed. =)

However, this is still an important bug to fix, because you don't always want to submit the issue; sometimes you want to interact with some other elements on the page first.

[wxiaoguang]

I agree that the a11y should be improved. At the moment Gitea doesn't have good a11y support (search the issues with "accessibility"), some UI elements just do not work with keyboard. So, improving Gitea's a11y is a big topic.

[silverwind]

This is codemirror behaviour. It being a code editor, tab inserts literal tab, so it doesn't act like a regular textarea would be expected. Workaround it to use the textarea button for now, we should make this experience better eventually.

[KiaraGrouwstra]

actually, as per the demos for 5 and 6 this behavior appears amended in 6.
perhaps we could just upgrade it?
i don't actually see where we've defined this dependency tho...

[KiaraGrouwstra]

looks like i got thrown off by codemirror being an implicit dependency thru EasyMDE now.
that means this now seems to depend on Ionaru/easy-markdown-editor#505.

[KiaraGrouwstra]

potentially addressed by #10729

[silverwind]

Fixed with #23876, tab now works.