[EuiTable] Fix mobile table row clip-path
#9206
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
This PR is a follow-up to #9115
The previously added
clip-pathstyling to prevent overlapping shadows added a height of100vhwhich would result in clipping of content that's larger than100vh.Instead we need to use relative heights based on the container.
100%would ensure the container is as large as the content, but does not include outside content. Instead we're updating to150%to ensure we're adding buffer space for any overflowing or otherwise outside content (e.g. shadows).Why are we making this change?
🐛 Visual bug fix: Large table row content would be cut of on mobile screens.
Screenshots #
Impact to users
🟢 There are no updates needed on consumer side.
QA
🧪 Testing Story
General checklist
@defaultif default values are missing) and playground toggles