[PR #3265] [MERGED] fix: search input autofocus #4315

Closed
opened 2026-03-17 01:51:39 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3265
Author: @liyasthomas
Created: 8/19/2023
Status: Merged
Merged: 8/21/2023
Merged by: @AndrewBastin

Base: release/2023.8.0Head: fix/search-input-autofocus


📝 Commits (1)

  • 37f99f2 fix: autofocus on collections search input

📊 Changes

1 file changed (+2 additions, -2 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/collections/index.vue (+2 -2)

📄 Description

🤖 Generated by Copilot at 7218bb1

Summary

🐛🎨🚀

Replaced HoppSmartInput with native input in collections/index.vue to fix input autofocus bug. This improves the user experience of the collections feature.

HoppSmartInput
Gone with the autumn wind
input clears itself

Walkthrough

  • Replaced HoppSmartInput component with native input element to fix input autofocus bug in collections feature (link)

🔄 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/3265 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 8/19/2023 **Status:** ✅ Merged **Merged:** 8/21/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.8.0` ← **Head:** `fix/search-input-autofocus` --- ### 📝 Commits (1) - [`37f99f2`](https://github.com/hoppscotch/hoppscotch/commit/37f99f2d3dfb7c52a3807704a3b491ea1a3159b9) fix: autofocus on collections search input ### 📊 Changes **1 file changed** (+2 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/collections/index.vue` (+2 -2) </details> ### 📄 Description <!-- copilot:all --> ### <samp>🤖 Generated by Copilot at 7218bb1</samp> ### Summary 🐛🎨🚀 <!-- 1. 🐛 - This emoji represents the bug that was fixed by replacing the `HoppSmartInput` component with a native `input` element. It is a common emoji to use for bug fixes or issues in code. 2. 🎨 - This emoji represents the styling and attributes that were applied to the native `input` element to match the `HoppSmartInput` component. It is a common emoji to use for design or UI improvements or changes. 3. 🚀 - This emoji represents the improvement to the user experience of the collections feature by allowing the input to clear when the escape key is pressed. It is a common emoji to use for new features or enhancements that benefit the users or customers. --> Replaced `HoppSmartInput` with native `input` in `collections/index.vue` to fix input autofocus bug. This improves the user experience of the collections feature. > _`HoppSmartInput`_ > _Gone with the autumn wind_ > _`input` clears itself_ ### Walkthrough * Replaced `HoppSmartInput` component with native `input` element to fix input autofocus bug in collections feature ([link](https://github.com/hoppscotch/hoppscotch/pull/3265/files?diff=unified&w=0#diff-bea4d3e00e3d1167aa2228f3ce3d9a582dc3a006e0753c3806c6e8f1ec0d4080L22-R25)) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-03-17 01:51:39 +03:00
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#4315
No description provided.