fix(refresher): native ios refresher works on iPadOS

[liamdebeasi]

Issue number: resolves #28617

---

What is the current behavior?

We currently check to see if webkitOverflowScrolling is supported on the refresher's style object in order to enable to native iOS refresher. This works well for iOS, but it does not work for iPadOS. This is because this property was removed in iPadOS 13: https://developer.apple.com/documentation/safari-release-notes/safari-13-release-notes

Disabled -webkit-overflow-scrolling: touch on iPad. All frames and scrollable overflow areas now use accelerated one-finger scrolling without changing stacking.

As a result, the native iOS refresher does not activate on iPadOS.

What is the new behavior?

• I think it's safe to assume that webkitOverflowScrolling may be removed on iOS in the future too since it was already removed on iPadOS. As a result, I implemented a solution that avoids checking this.
• The CSS.supports check is required because otherwise the native iOS refresher would be activated in an emulated environment such as Chrome dev tools because the user agent is spoofed. The apple-pay-logo-black named image is only supported on Apple devices.

Risks:

• Apple could remove the apple-pay-logo-black named image in the future. However, we currently use this check elsewhere in Ionic too and it has worked well:

  ionic-framework/core/src/components/datetime/datetime.ios.scss

  Line 177 in 60303aa

  @supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))) {

  .
• Apple could add touch emulation to desktop Safari which could cause the native refresher to activate when using responsive design mode for testing. However, this would only impact app developer and would not impact production use cases.

Does this introduce a breaking change?

• Yes
• No

Other information

Dev build: 7.5.8-dev.11703088210.14a72b83

Co-authored-by: Sean Perkins sean-perkins@users.noreply.github.com