[GH-ISSUE #287] It's possible to tab into read only and non-form elements #106

New issue

Closed

opened 2026-03-16 13:26:52 +03:00 by kerem · 3 comments

kerem commented

2026-03-16 13:26:52 +03:00

Owner

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

Originally assigned to: @liyasthomas on GitHub.

Describe the bug

I added the following CSS rule:

:active,:focus {
    outline: 1px solid green;
}

I found that I could tab into some non-interactive elements such as div containers, and read only inputs

To Reproduce
Steps to reproduce the behavior:

Click in the input in the history section to search
Start pressing tab

Expected behavior

It should jump past the history entries to the controls at the end

Desktop (please complete the following information):

OS: MacOS Catalina
Browser Firefox
Version 70

Originally created by @tomjn on GitHub (Nov 7, 2019). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/287 Originally assigned to: @liyasthomas on GitHub. **Describe the bug** I added the following CSS rule: ```css :active,:focus { outline: 1px solid green; } ``` I found that I could tab into some non-interactive elements such as `div` containers, and read only inputs <img width="509" alt="Screenshot 2019-11-07 at 16 54 35" src="https://user-images.githubusercontent.com/58855/68409745-8c078980-017f-11ea-9e4c-f50461b620ef.png"> **To Reproduce** Steps to reproduce the behavior: 1. Click in the input in the history section to search 2. Start pressing tab **Expected behavior** It should jump past the history entries to the controls at the end **Desktop (please complete the following information):** - OS: MacOS Catalina - Browser Firefox - Version 70

kerem

2026-03-16 13:26:52 +03:00

closed this issue
added the
feature
label

kerem commented

2026-03-16 13:27:08 +03:00

Author

Owner

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

I think this should be left as it is since the user might want to copy contents from a history entry.

@liyasthomas commented on GitHub (Nov 7, 2019): I think this should be left as it is since the user might want to copy contents from a history entry.

kerem commented

2026-03-16 13:27:13 +03:00

Author

Owner

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

You can still do that, it's not that the div is selected, it's that it's active/focused, it needs fixing for non-input elements at least

@tomjn commented on GitHub (Nov 7, 2019): You can still do that, it's not that the div is selected, it's that it's active/focused, it needs fixing for non-input elements at least

kerem commented

2026-03-16 13:27:18 +03:00

Author

Owner

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

Oh! Will fix that.

@liyasthomas commented on GitHub (Nov 7, 2019): Oh! Will fix that.

kerem referenced this issue

2026-03-17 00:07:11 +03:00

[PR #106] [MERGED] History component added #2411