fix(dom): handle slotted parent transform position

[weiz18]

Description

getPointerPosition for IOS is not handling slot elements and nested web components due to the following:

1. item.parentNode will stop at the first web component and any transform applied on the outer component won't be part of the calculation and translate.x will be wrong.
2. item.parentNode will skip the slot parent wrapper entirely, so any transformation applied to the parent wrapper won't be counted.

It would be useful to support this as we have a use case where we are displaying a list of videos inside the slides web component.(https://ionicframework.com/docs/api/slides) and here is a simple reproduction sample where the pointer position is miscalculated with a slotted video having a wrapper with transform.
https://codepen.io/weiz18/pen/poOEjzJ?editors=1000

Specific Changes proposed

Please list the specific changes involved in this pull request.

Requirements Checklist

• Feature implemented / Bug fixed
• If necessary, more likely in a feature request than a bug fix
  • Change has been verified in an actual browser (Chrome, Firefox, IE)
  • Unit Tests updated or fixed
  • Docs/guides updated
  • Example created (starter template on JSBin)
• Reviewed by Two Core Contributors

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.85%. Comparing base (ee07382) to head (bc7e49c).

❗ Current head bc7e49c differs from pull request most recent head 383493d. Consider uploading reports for the commit 383493d to get more accurate results

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #8158   +/-   ##
=======================================
  Coverage   82.85%   82.85%           
=======================================
  Files         113      113           
  Lines        7647     7567   -80     
  Branches     1839     1820   -19     
=======================================
- Hits         6336     6270   -66     
+ Misses       1311     1297   -14     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[weiz18]

Could you review this one ? thanks! 🙏

[misteroneill]

This would require a test of some kind to ensure code coverage, but it seems reasonable - I don't know much about "slotted" elements, though, personally so maybe @gkatsev might have some thoughts?

[weiz18]

Hey, i have updated the test to cover the change for default and slot element behaviour 🙏 Could you review it when you have time ? thanks !

[mister-ben]

I don't have any real experience of using , but since the if block ensures that this can't affect regular use cases and there's a well commented test, LGTM.

Tests were added