Fix QuickNav Preview scrolling issue on iOS mobile device

[dobromir-hristov]

Bug/issue #, if applicable: 108269711

Summary

Fixes the QuickNav Preview scrolling issue on iPad, by adding exclusion zones to the scroll-locking.

This should be carefully merged with #634

Dependencies

NA

Testing

1. Open the app on iPad and then toggle QuickNav
2. Search for something vague, so you can see a scroll area for the content and suggestions
3. Assert you can scroll both while the background is still not scrollable.

Checklist

Make sure you check off the following items. If they cannot be completed, provide a reason.

• Added tests
• Ran npm test, and it succeeded
• Updated documentation if necessary

[marinaaisa]

Tested on iOS simulator and it looks great! thanks for working on it. I'll close #635 in favor of this other implementation!

[mportiz08]

This should be carefully merged with #634

Does it depend on that PR to work or are you just calling that out since they're so closely related? Just checking.

[mportiz08]

Working well for me in the simulator, and I'll be able to more easily test on a real device tomorrow.

[dobromir-hristov]

Does it depend on that PR to work or are you just calling that out since they're so closely related? Just checking.

That PR just moves the scrollable area to another element, so the data attribute would have to be moved there too.

[dobromir-hristov]

@swift-ci test

[mportiz08]

Seems to be working well for me on the actual device.

Adressed

[dobromir-hristov]

@swift-ci test