[PR #2966] [MERGED] fix: tabhead and scrolling issue #4161

New issue

Closed

opened 2026-03-17 01:43:27 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:43:27 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/2966
Author: @anwarulislam
Created: 4/5/2023
Status: ✅ Merged
Merged: 4/5/2023
Merged by: @AndrewBastin

Base: staging ← Head: fix/tab-head

📝 Commits (5)

ecfd027 chore: watch script added for hopp ui
d83daae chore: resolve prettier problem in hoppui
3f103f5 feat: indicator position changed
3867992 fix: scrolling issue on trackpad
4178c2b fix: make tab headers scroll behavior for h-scroll more organic

📊 Changes

6 files changed (+127 additions, -49 deletions)

View changed files

📝 packages/hoppscotch-common/src/components.d.ts (+2 -1)
📝 packages/hoppscotch-common/src/pages/index.vue (+23 -9)
📝 packages/hoppscotch-ui/.prettierrc.cjs (+0 -0)
📝 packages/hoppscotch-ui/package.json (+1 -0)
📝 packages/hoppscotch-ui/src/components/smart/Window.vue (+20 -11)
📝 packages/hoppscotch-ui/src/components/smart/Windows.vue (+81 -28)

📄 Description

Description

This PR fixes tabhead issues:

closeVisibility is a prop. It can be "hover" | "always" | "never"
suffix is a slot. where we have added the indicator for the unsaved tab/request
And vertical space was added to tabhead by increasing line-height

_{🔄 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/2966 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 4/5/2023 **Status:** ✅ Merged **Merged:** 4/5/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `staging` ← **Head:** `fix/tab-head` --- ### 📝 Commits (5) - [`ecfd027`](https://github.com/hoppscotch/hoppscotch/commit/ecfd027aa61dd4a0c32510daaf8793faf1104a9e) chore: watch script added for hopp ui - [`d83daae`](https://github.com/hoppscotch/hoppscotch/commit/d83daae523f16503b51a1f42c033f06333aa4d5a) chore: resolve prettier problem in hoppui - [`3f103f5`](https://github.com/hoppscotch/hoppscotch/commit/3f103f515cdb20be2f4efee8d0e636bc128b142c) feat: indicator position changed - [`3867992`](https://github.com/hoppscotch/hoppscotch/commit/3867992a5194dd317a45441ccbb9148548175acc) fix: scrolling issue on trackpad - [`4178c2b`](https://github.com/hoppscotch/hoppscotch/commit/4178c2b456477f71401dc26d7619ca912a0c0b35) fix: make tab headers scroll behavior for h-scroll more organic ### 📊 Changes **6 files changed** (+127 additions, -49 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components.d.ts` (+2 -1) 📝 `packages/hoppscotch-common/src/pages/index.vue` (+23 -9) 📝 `packages/hoppscotch-ui/.prettierrc.cjs` (+0 -0) 📝 `packages/hoppscotch-ui/package.json` (+1 -0) 📝 `packages/hoppscotch-ui/src/components/smart/Window.vue` (+20 -11) 📝 `packages/hoppscotch-ui/src/components/smart/Windows.vue` (+81 -28) </details> ### 📄 Description ### Description This PR fixes tabhead issues: - `closeVisibility` is a prop. It can be `"hover" | "always" | "never"` - `suffix` is a slot. where we have added the indicator for the unsaved tab/request - And vertical space was added to tabhead by increasing line-height --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>