Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 19 additions & 0 deletions core/src/components/refresher/refresher.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -253,6 +253,15 @@ export class Refresher implements ComponentInterface {
this.didRefresh = true;
hapticImpact({ style: ImpactStyle.Light });

/**
* Clear focus from any active element to prevent scroll jumps
* when the refresh completes
*/
const activeElement = document.activeElement as HTMLElement;
if (activeElement?.blur !== undefined) {
activeElement.blur();
}

/**
* Translate the content element otherwise when pointer is removed
* from screen the scroll content will bounce back over the refresher
Expand Down Expand Up @@ -733,6 +742,16 @@ export class Refresher implements ComponentInterface {
// place the content in a hangout position while it thinks
this.setCss(this.pullMin, this.snapbackDuration, true, '');

/**
* Clear focus from any active element to prevent the browser
* from restoring focus and causing scroll jumps after refresh.
* This ensures the view stays at the top after refresh completes.
*/
const activeElement = document.activeElement as HTMLElement;
if (activeElement?.blur !== undefined) {
activeElement.blur();
}

// emit "refresh" because it was pulled down far enough
// and they let go to begin refreshing
this.ionRefresh.emit({
Expand Down
Loading