[PR #3754] [MERGED] feat: press tab on current input field to focus the next input field #4517

New issue

Closed

opened 2026-03-17 02:02:51 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:02:51 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3754
Author: @anwarulislam
Created: 1/17/2024
Status: ✅ Merged
Merged: 1/23/2024
Merged by: @AndrewBastin

Base: release/2023.12.3 ← Head: feat/tab-to-focus-next-field

📝 Commits (5)

6957316 fix: return if no autocomplete source provided
09c3753 feat: enter to select instead of tab
41e3285 chore: update key event
7c7ceef chore: refactored keyboard events
6b63b64 chore: refactored keyboard events

📊 Changes

1 file changed (+28 additions, -32 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/smart/EnvInput.vue (+28 -32)

📄 Description

Closes HFE-385

Description

This PR modifies the keyboard event handling in the EnvInput.vue component.

Pressing the Tab will focus the next input field for better accessibility
Previously, an enter event was emitted to hide suggestions popover and run request at the same time while Tab was used to select and hide suggestions popover. Now, Tab will do its default behavior. Enter will select the suggestion from the suggestions list and emit the event to run the request when the suggestions popover is not opened.

Status

Not Completed
Completed

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/3754 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 1/17/2024 **Status:** ✅ Merged **Merged:** 1/23/2024 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.12.3` ← **Head:** `feat/tab-to-focus-next-field` --- ### 📝 Commits (5) - [`6957316`](https://github.com/hoppscotch/hoppscotch/commit/6957316543619270ca2923982a6c0678e3bfe27c) fix: return if no autocomplete source provided - [`09c3753`](https://github.com/hoppscotch/hoppscotch/commit/09c37535ab090a7396cc1b8fdbbdea3e6a3d7813) feat: enter to select instead of tab - [`41e3285`](https://github.com/hoppscotch/hoppscotch/commit/41e3285c324acb86b265208c95be6534cc1c9085) chore: update key event - [`7c7ceef`](https://github.com/hoppscotch/hoppscotch/commit/7c7ceef3cd6b1be31d367547a24fc9148e076cf3) chore: refactored keyboard events - [`6b63b64`](https://github.com/hoppscotch/hoppscotch/commit/6b63b6446bbdcbbd26b34b4e4756fbc34d4cdd4a) chore: refactored keyboard events ### 📊 Changes **1 file changed** (+28 additions, -32 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/smart/EnvInput.vue` (+28 -32) </details> ### 📄 Description Closes HFE-385 ### Description This PR modifies the keyboard event handling in the `EnvInput.vue` component. - Pressing the `Tab` will focus the next input field for better accessibility - Previously, an `enter` event was emitted to hide suggestions popover and run request at the same time while `Tab` was used to select and hide suggestions popover. Now, `Tab` will do its default behavior. `Enter` will select the suggestion from the suggestions list and emit the event to run the request when the suggestions popover is not opened. ### Status - [ ] Not Completed - [x] Completed --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>