Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

6113 Fix menu inside of tables not showing properly #6849

Conversation

mateusz-lachowski-codilime
Copy link
Contributor

@mateusz-lachowski-codilime mateusz-lachowski-codilime commented Feb 3, 2025

Closes #6113

What's Changed

Added custom js code to dynamically attach current dropdown to the body, to override browser behavior when custom overflow is set for .table-responsive. Then absolute position is calculated to match the clicked .dropdown-toggle button and match right side edges.

Screenshots

Before:
image
image

After:
image
image

TODO

  • Explanation of Change(s)
  • Added change log fragment(s) (for more information see the documentation)
  • Attached Screenshots, Payload Example
  • Unit, Integration Tests
  • Documentation Updates (when adding/changing features)
  • Example App Updates (when adding/changing features)
  • Outline Remaining Work, Constraints from Design

@mateusz-lachowski-codilime mateusz-lachowski-codilime changed the title 6113 6113 Fix menu inside of tables not showing properly Feb 3, 2025
@mateusz-lachowski-codilime
Copy link
Contributor Author

mateusz-lachowski-codilime commented Feb 3, 2025

Screencast.from.2025-02-03.16-49-44.webm

Due to vertical scroll and position absolute I needed to add hiding this on scroll...

@mateusz-lachowski-codilime mateusz-lachowski-codilime merged commit 6b70b40 into develop Feb 4, 2025
17 checks passed
@mateusz-lachowski-codilime mateusz-lachowski-codilime deleted the u/mateusz-lachowski-codilime-6113-fix-menus-inside-of-tables-not-visible branch February 4, 2025 11:26
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.

Menu inside of tables is rendering behind table footer element (wrong z-index?)
3 participants