vue-final-modal icon indicating copy to clipboard operation
vue-final-modal copied to clipboard

Fix horizontal scroll in child element on IOS

Open AdamMerrifield opened this issue 1 year ago • 0 comments

With the current implementation of useLockScroll child elements with overflow-x of 'auto' | 'scroll' on IOS are prevented and scrolling in these panels do not function well. I only found this as an issue with IOS. The modifications here will check for both X and Y overflow on the parent elements of the event target.

You can see an example on an IOS device here https://stackblitz.com/edit/github-s2cpc5?file=src%2Fcomponents%2FMyModal.vue

based on https://github.com/willmcpo/body-scroll-lock/pull/133

AdamMerrifield avatar Feb 27 '24 20:02 AdamMerrifield