fix(refresher): scroll styles are reset when using non-native refresher

[mrahn24]

Issue number: resolves #27601

---

What is the current behavior?

The current behavior restores overflow styles while moving (within the setCSS function).

What is the new behavior?

Overflow styles are restored when refresher gesture ends.

Does this introduce a breaking change?

• Yes
• No

Honestly, I don't know exactly. From code perspective I would say 'Yes', but I can't get the impact of the change.

Ionic Team edit: There are no changes to the public API, and this is fixing a behavior that used to work so there are no breaking changes.

Other information

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[liamdebeasi]

I made some changes to your PR. The original fix worked, but the restoreOverflowStyle was happening before the setTimeout callback fired in close(). This prevented some inline transition styles from being cleared properly. It did not cause any functional issues that I was aware of, but we should still make sure we are cleaning up styles when we no longer need them.

The revised fix causes the styles to be cleared once the setTimeout callback fires. I also added a case for when the pull gesture is reset.

[sean-perkins]

I'm observing this behavior testing on device, specifically if you cancel the gesture, the first attempt to scroll prevents the scroll and activates the item. However, attempting to scroll after does work as expected.

Is this expected?

RPReplay_Final1686167147.MP4

[sean-perkins]

We chatted in Slack, the behavior I observed is from:

ionic-framework/core/src/components/refresher/refresher.tsx

Lines 715 to 720 in 9d459bd

	setTimeout(() => {
	this.state = RefresherState.Inactive;
	this.progress = 0;
	this.didStart = false;
	this.setCss(0, '0ms', false, '');
	}, 600);

and is existing behavior that is independent of these changes.

Great work both of you!