[PR #5457] feat: add drag-to-collapse functionality for sidebar #5220

New issue

Open

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

kerem commented

2026-03-17 02:41:13 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/5457
Author: @rishu685
Created: 10/7/2025
Status: 🔄 Open

Base: main ← Head: feature/drag-to-collapse-sidebar

📝 Commits (3)

c1d39b1 feat: add drag-to-collapse functionality for sidebar
215333e Update packages/hoppscotch-common/src/components/app/PaneLayout.vue
1a75b9f Merge branch 'main' into feature/drag-to-collapse-sidebar

📊 Changes

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

View changed files

📝 packages/hoppscotch-common/src/components/app/PaneLayout.vue (+99 -1)

📄 Description

Implement automatic sidebar collapse when dragged to minimum width
Add visual feedback (red pulsing splitter) when approaching collapse threshold
Maintain compatibility with existing sidebar toggle functionality
Handle RTL layouts, mobile screens, and edge cases properly
Add comprehensive timeout cleanup to prevent memory leaks

Fixes #5449

_{🔄 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/5457 **Author:** [@rishu685](https://github.com/rishu685) **Created:** 10/7/2025 **Status:** 🔄 Open **Base:** `main` ← **Head:** `feature/drag-to-collapse-sidebar` --- ### 📝 Commits (3) - [`c1d39b1`](https://github.com/hoppscotch/hoppscotch/commit/c1d39b1b84219aa233cc49dd1d3df080583dfe25) feat: add drag-to-collapse functionality for sidebar - [`215333e`](https://github.com/hoppscotch/hoppscotch/commit/215333e1eea251c8307332d1a71b6d4b61b3ec88) Update packages/hoppscotch-common/src/components/app/PaneLayout.vue - [`1a75b9f`](https://github.com/hoppscotch/hoppscotch/commit/1a75b9f5d934c3ba72cda2de797623085e31c623) Merge branch 'main' into feature/drag-to-collapse-sidebar ### 📊 Changes **1 file changed** (+99 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/app/PaneLayout.vue` (+99 -1) </details> ### 📄 Description - Implement automatic sidebar collapse when dragged to minimum width - Add visual feedback (red pulsing splitter) when approaching collapse threshold - Maintain compatibility with existing sidebar toggle functionality - Handle RTL layouts, mobile screens, and edge cases properly - Add comprehensive timeout cleanup to prevent memory leaks Fixes #5449 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>