github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 21:57:36 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: Prevent content layout shift on mobile (#26238)

Browse Source
This commit is contained in:
Natalie Tay 2024-03-19 16:56:32 +08:00 committed by GitHub
parent 4f24e3b3b2
commit 0bf87c5ed8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/javascripts/discourse/app/components/scrolling-post-stream.js
View File

@ -206,15 +206,18 @@ export default MountWidget.extend({
return element.offsetTop + getOffsetTop(element.offsetParent); return element.offsetTop + getOffsetTop(element.offsetParent);
}; };
const top = getOffsetTop(refreshedElem) - offsetCalculator(); window.scrollTo({
window.scrollTo({ top }); top: getOffsetTop(refreshedElem) - offsetCalculator(),
});
// This seems weird, but somewhat infrequently a rerender // This seems weird, but somewhat infrequently a rerender
// will cause the browser to scroll to the top of the document // will cause the browser to scroll to the top of the document
// in Chrome. This makes sure the scroll works correctly if that // in Chrome. This makes sure the scroll works correctly if that
// happens. // happens.
schedule("afterRender", () => { schedule("afterRender", () => {
window.scrollTo({ top }); window.scrollTo({
top: getOffsetTop(refreshedElem) - offsetCalculator(),
});
}); });
}); });
}; };