Skip to content

fix: constrain Team Manage Members modal height to viewport (#2930)#2937

Merged
crivetimihai merged 1 commit intoIBM:mainfrom
omorros:fix/team-manage-members-modal-height
Feb 14, 2026
Merged

fix: constrain Team Manage Members modal height to viewport (#2930)#2937
crivetimihai merged 1 commit intoIBM:mainfrom
omorros:fix/team-manage-members-modal-height

Conversation

@omorros
Copy link
Copy Markdown
Contributor

@omorros omorros commented Feb 13, 2026

🔗 Related Issue Closes #2930


📝 Summary

Fix the Team Manage Members modal height automatically expanding when scrolling through the "Users to Add" section, which
pushed the "Save Changes" button off-screen.

Changes:

  • Cap the modal at 90vh with overflow-y: auto so it never outgrows the viewport
  • Remove overflow-hidden from the modal container which was clipping content
  • Increase inner list containers from max-h-32 to max-h-64 for better usability while keeping them scrollable

🏷️ Type of Change

  • Bug fix
  • Feature / Enhancement
  • Documentation
  • Refactor
  • Chore (deps, CI, tooling)
  • Other (describe below)

🧪 Verification

Check Command Status
Lint suite make lint N/A (HTML/CSS only)
Unit tests make test N/A (HTML/CSS only)
Coverage ≥ 80% make coverage N/A (HTML/CSS only)
Manual regression Steps below ✅ Passed

Manual testing:

  1. Created 25+ users
  2. Created a team, clicked Manage Members
  3. Scrolled through "Users to Add" — modal stays constrained
  4. Save Changes button remains visible and clickable

✅ Checklist

  • Code formatted (make black isort pre-commit)
  • Tests added/updated for changes
  • Documentation updated (if applicable)
  • No secrets or credentials committed

📓 Notes (optional)

Used inline style="max-height: 90vh; overflow-y: auto" instead of Tailwind's max-h-[90vh] because the airgapped Tailwind
build does not support arbitrary bracket values.

Screenshot 2026-02-13 201813

Signed-off-by: Oriol Morros Vilaseca <OM368@student.aru.ac.uk>
@crivetimihai crivetimihai self-assigned this Feb 14, 2026
@crivetimihai crivetimihai added this to the Release 1.0.0-RC1 milestone Feb 14, 2026
@crivetimihai crivetimihai force-pushed the fix/team-manage-members-modal-height branch from 7ff0cd7 to 391ed50 Compare February 14, 2026 11:03
Copy link
Copy Markdown
Member

@crivetimihai crivetimihai left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Clean, well-scoped fix — thanks @omorros!

The two-level scroll containment (90vh on the modal + max-h-64 on inner lists) is the right approach, and the inline style workaround for the airgapped Tailwind build is well documented in the PR description.

Rebased onto main and force-pushed — no conflicts.

@crivetimihai crivetimihai merged commit e68c789 into IBM:main Feb 14, 2026
53 checks passed
suciu-daniel pushed a commit that referenced this pull request Feb 16, 2026
…2937)

Signed-off-by: Oriol Morros Vilaseca <OM368@student.aru.ac.uk>
vishu-bh pushed a commit that referenced this pull request Feb 18, 2026
…2937)

Signed-off-by: Oriol Morros Vilaseca <OM368@student.aru.ac.uk>
Signed-off-by: Vishu Bhatnagar <vishu.bhatnagar@ibm.com>
kcostell06 pushed a commit to kcostell06/mcp-context-forge that referenced this pull request Feb 24, 2026
IBM#2937)

Signed-off-by: Oriol Morros Vilaseca <OM368@student.aru.ac.uk>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG][UI]: Hight automatically expands modal in the Team Manage Members modal blocking to save changes

2 participants