[PR #3108] [MERGED] fix: stack order of tab inside environment selector #4228

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

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3108
Author: @liyasthomas
Created: 6/3/2023
Status: Merged
Merged: 6/7/2023
Merged by: @AndrewBastin

Base: release/2023.4.6Head: fix/env-selector-bg


📝 Commits (1)

📊 Changes

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

View changed files

📝 packages/hoppscotch-common/src/components/environments/Selector.vue (+1 -1)

📄 Description

🤖 Generated by Copilot at c2bac42

Summary

🐛📏🗂️

Increased z-index of environment selector tabs to prevent them from being obscured by request editor. Fixed a UI bug in Selector.vue.

z-0 to z-10
tabs rise above the editor
autumn bug is fixed

Walkthrough

  • Increase the z-index of the environment selector tabs to fix a bug where they would be hidden behind the request editor when scrolling (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/3108 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 6/3/2023 **Status:** ✅ Merged **Merged:** 6/7/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.4.6` ← **Head:** `fix/env-selector-bg` --- ### 📝 Commits (1) - [`574d7af`](https://github.com/hoppscotch/hoppscotch/commit/574d7afd20ff676d945f92be8870d45977ea1251) fix: stack order ### 📊 Changes **1 file changed** (+1 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/environments/Selector.vue` (+1 -1) </details> ### 📄 Description <!-- copilot:all --> ### <samp>🤖 Generated by Copilot at c2bac42</samp> ### Summary 🐛📏🗂️ <!-- 1. 🐛 - This emoji represents a bug fix, which is the main purpose of the change. 2. 📏 - This emoji represents a layout or style adjustment, which is the effect of changing the z-index value. 3. 🗂️ - This emoji represents a tab or folder, which is the element that was affected by the change. --> Increased z-index of environment selector tabs to prevent them from being obscured by request editor. Fixed a UI bug in `Selector.vue`. > _`z-0` to `z-10`_ > _tabs rise above the editor_ > _autumn bug is fixed_ ### Walkthrough * Increase the z-index of the environment selector tabs to fix a bug where they would be hidden behind the request editor when scrolling ([link](https://github.com/hoppscotch/hoppscotch/pull/3108/files?diff=unified&w=0#diff-584d8291b417c80e6df02186ce776cf6bf6bb10c3a9627c2512fbb0ac34fa664L52-R52)) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-03-17 01:47:00 +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#4228
No description provided.