-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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
IE11 & Edge - Any Modal gets cropped off when resizing #3480
Comments
Hi there thanks for reporting this. Sorry we are just getting to this. Would you mind reproducing this in a code sandbox It makes it easier on our team to debug and work on things. Sometimes we can see weird bugs with storybook. |
Edit for team: No longer a bug on Edge latest. Only found in IE11 |
Somehow it is behaving still buggy in Edge but not that hard any longer:
|
Hi 👋 thank you for reporting @Mikadv and doing investigations @aledavila! I think #4657 alleviates the the problem described here. Stay tuned for the next release - If you are interested, you can clone this repo and run |
What package(s) are you using?
carbon-components
carbon-components-react
Detailed description
Once a user uses Edge or Internet Explorer resizes a window under the size the modal has and then expanding the area again results in the modal being cropped off at the minimum position, leaving a half modal back.
Modal
The modal should be shrink- and expandable to the original size without any difference. Or in other words, resizing should not destroy the UI.
Chrome, Firefox, Edge, IE11
Bug in: Edge and IE11
Not in: Firefox and Chrome
v9 but also occurs in V10
Steps to reproduce the issue
2.2 Visit: https://www.carbondesignsystem.com/components/modal/code
3.2 Click on Show modal
4.2 Minimize the screen vertically such that it crops of the modal
5.2 Maximize and Minimize and then expand the window a bit vertically
6.2 The dialog is cropped off
Screenshots
6.2)
The text was updated successfully, but these errors were encountered: