Suggestion: Change tab order of form fields in the Search plugin.

[wideaperture]

Describe the issue

Description

I use the Search plugin by way of the markdown editor Zettlr, which uses CodeMirror and its search plugin. When I enter a search term in the Find field, I will often, out of habit from other editors and web UIs, hit the Tab key to advance my cursor to the Replace field. However, unlike in these other apps, doing so does not select the Replace field. Instead, it (presumably—no visual feedback is provided) selects the buttons and checkboxes in the panel. Some experimentation shows that hitting Tab seven times eventually places my cursor in the Replace field.

Proposed Changes

Reorder the form fields in the HTML source so that the user only needs to hit Tab once after typing in the Find field to advance their cursor to the Replace field.

Browser and platform

Zettlr 3.6.0 (Electron-based desktop app) on Manjaro Linux (Rolling Release)

Reproduction link

No response

[marijnh]

presumably—no visual feedback is provided

I can't help it if Zettlr somehow killed the focus styling. The editor itself does no such thing.

Changing the order of these elements in the HTML would require some rather tortured styling in order to make them appear the way they do now. Also, though I know VS Code does it that way, I'm not sure breaking the user expectation about tab order corresponding to visual order is generally a good idea.

[wideaperture]

I can't help it if Zettlr somehow killed the focus styling. The editor itself does no such thing.

Fair enough!

I'm not sure breaking the user expectation about tab order corresponding to visual order is generally a good idea.

FWIW, because the replace field appears directly below the find field, my naive initial assumption was that it was the next field in the order and that the arrangement of the other buttons and checkboxes was simply the result of a multi-column layout.