[PR #828] [MERGED] Fix confirmation dialog height overflow when selecting many stacks #8011

Closed
opened 2026-04-27 22:07:41 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/moghtech/komodo/pull/828
Author: @MP-Tool
Created: 9/9/2025
Status: Merged
Merged: 9/9/2025
Merged by: @mbecker20

Base: 1.19.4Head: fix/issue-826-navigation-drawer


📝 Commits (1)

  • 98ff144 Improve dialog overflow handling to prevent clipping of content

📊 Changes

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

View changed files

📝 frontend/src/components/group-actions.tsx (+2 -2)

📄 Description

Problem

When selecting all stacks (40+) in group actions, the confirmation dialog becomes too tall and the bottom buttons are inaccessible, requiring users to zoom out their browser to reach the confirm/cancel buttons.

Solution

  • Added max-h-[85vh] to dialog container to prevent overflow beyond viewport height
  • Added max-h-[300px] overflow-y-auto to resource list for scrollable content
  • Dialog footer remains always accessible regardless of selection count

Fixes #826


🔄 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/moghtech/komodo/pull/828 **Author:** [@MP-Tool](https://github.com/MP-Tool) **Created:** 9/9/2025 **Status:** ✅ Merged **Merged:** 9/9/2025 **Merged by:** [@mbecker20](https://github.com/mbecker20) **Base:** `1.19.4` ← **Head:** `fix/issue-826-navigation-drawer` --- ### 📝 Commits (1) - [`98ff144`](https://github.com/moghtech/komodo/commit/98ff144ab401a3e2f9403c8a5d48d56de10cde1c) Improve dialog overflow handling to prevent clipping of content ### 📊 Changes **1 file changed** (+2 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/group-actions.tsx` (+2 -2) </details> ### 📄 Description ## Problem When selecting all stacks (40+) in group actions, the confirmation dialog becomes too tall and the bottom buttons are inaccessible, requiring users to zoom out their browser to reach the confirm/cancel buttons. ## Solution - Added `max-h-[85vh]` to dialog container to prevent overflow beyond viewport height - Added `max-h-[300px] overflow-y-auto` to resource list for scrollable content - Dialog footer remains always accessible regardless of selection count Fixes #826 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-27 22:07:41 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/komodo#8011