Split components can overflow in very narrow viewports #843
Assignees
Labels
Bug 🪲
Something isn't working
Comments
1 task
nathan-barrett
added a commit
that referenced
this issue
May 10, 2023
## Description Removed the min-width on `.mzp-c-split-container` to prevent overflow on very small viewports - I tried to see if it broke anything but it seemed ok on my testing - [x] I have recorded this change in `CHANGELOG.md`. ### Issue #843 ### Testing - `npm run webpack` - `npm run start` - http://localhost:3000/components/detail/split
# for free
to join this conversation on GitHub.
Already have an account?
# to comment
Description
The element
.mzp-c-split-containerhas the rulemin-width: $content-xs;(304px) plus padding and margins, so in viewports narrower than 350px or so the Split stops shrinking and can overflow the viewport.We could remove the min-width but need to see what the repercussions of that are. If removing it breaks things maybe we should at least reduce it to accommodate a 320px viewport (the original iPhone width).
The text was updated successfully, but these errors were encountered: