ui
ui copied to clipboard
Modal: the width of content increases when modal is opened.
Issue
- the width of content increases when modal is opened.
playground: https://codesandbox.io/p/devbox/agitated-thunder-vxrrgr?file=%2Fsrc%2FApp.vue%3A24%2C1
https://github.com/indielayer/ui/assets/37934668/e084ef98-743a-4abc-9c55-72456e52e396
Solution
- As the overflow of the body area changes from auto to hidden, the content width increases by the width of the scroll bar.
- This phenomenon can solve to add scroll width in paddingRight when the modal is opened.
- can i suggest fixed PR?