[GH-ISSUE #279] Missing Focus on Inputs #101

Closed
opened 2026-03-16 13:25:40 +03:00 by kerem · 2 comments
Owner

Originally created by @tomjn on GitHub (Nov 7, 2019).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/279

Originally assigned to: @liyasthomas on GitHub.

Describe the bug
When clicking on a text input or a dropdown, there is no focus state. By default browsers add an outline for accessibility purposes, but this seems to have been removed ( regression? )

To Reproduce
Steps to reproduce the behavior:

  1. Click on any input field

Expected behavior

When you click on a form input, it should be clear which input has gained focus

Desktop (please complete the following information):

  • OS: MacOS
  • Browser Firefox
  • Version 70
Originally created by @tomjn on GitHub (Nov 7, 2019). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/279 Originally assigned to: @liyasthomas on GitHub. **Describe the bug** When clicking on a text input or a dropdown, there is no focus state. By default browsers add an outline for accessibility purposes, but this seems to have been removed ( regression? ) **To Reproduce** Steps to reproduce the behavior: 1. Click on any input field **Expected behavior** When you click on a form input, it should be clear which input has gained focus **Desktop (please complete the following information):** - OS: MacOS - Browser Firefox - Version 70
kerem 2026-03-16 13:25:40 +03:00
  • closed this issue
  • added the
    feature
    label
Author
Owner

@tomjn commented on GitHub (Nov 7, 2019):

The only indication at the moment is the flashing text caret. I've clicked on one of these fields in the screenshot, and used the trackpad to scroll, see if you can guess which one is focused:

Screenshot 2019-11-07 at 01 57 43

I'd suggest using the same colour from the options page

<!-- gh-comment-id:550584887 --> @tomjn commented on GitHub (Nov 7, 2019): The only indication at the moment is the flashing text caret. I've clicked on one of these fields in the screenshot, and used the trackpad to scroll, see if you can guess which one is focused: <img width="871" alt="Screenshot 2019-11-07 at 01 57 43" src="https://user-images.githubusercontent.com/58855/68353599-01347980-0102-11ea-8952-ebe6951f4163.png"> I'd suggest using the same colour from the options page
Author
Owner

@liyasthomas commented on GitHub (Nov 7, 2019):

Will consider adding a focus state indication ASAP 👍

<!-- gh-comment-id:550584926 --> @liyasthomas commented on GitHub (Nov 7, 2019): Will consider adding a focus state indication ASAP 👍
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/hoppscotch#101
No description provided.