Scroll to linked status in public status view (fixes #7884) (#8130)

When there is a single detailed status on a public page, scroll to it and
replace the history state to not scroll back on refresh (simulates # anchors).
th-downstream
ThibG 6 years ago committed by Eugen Rochko
parent 193ebf3cf4
commit 80d02cf8f9

@ -31,6 +31,7 @@ function main() {
const React = require('react');
const ReactDOM = require('react-dom');
const Rellax = require('rellax');
const createHistory = require('history').createBrowserHistory;
ready(() => {
const locale = document.documentElement.lang;
@ -86,6 +87,14 @@ function main() {
}
new Rellax('.parallax', { speed: -1 });
const history = createHistory();
const detailedStatuses = document.querySelectorAll('.public-layout .detailed-status');
const location = history.location;
if (detailedStatuses.length === 1 && (!location.state || !location.state.scrolledToDetailedStatus)) {
detailedStatuses[0].scrollIntoView();
history.replace(location.pathname, { ...location.state, scrolledToDetailedStatus: true });
}
});
delegate(document, '.webapp-btn', 'click', ({ target, button }) => {

Loading…
Cancel
Save