Fix scroll handling with modals

master
Claire 3 years ago
parent 6e3d5cbca2
commit 99f28c17de
  1. 3
      app/javascript/flavours/glitch/components/scrollable_list.js
  2. 2
      app/javascript/flavours/glitch/components/status_action_bar.js
  3. 2
      app/javascript/flavours/glitch/containers/mastodon.js
  4. 3
      app/javascript/flavours/glitch/features/account_gallery/index.js
  5. 3
      app/javascript/flavours/glitch/features/status/index.js

@ -265,8 +265,7 @@ class ScrollableList extends PureComponent {
}
defaultShouldUpdateScroll = (prevRouterProps, { location }) => {
if ((((prevRouterProps || {}).location || {}).state || {}).mastodonModalOpen) return false;
return !(location.state && location.state.mastodonModalOpen);
return !(prevRouterProps?.location?.state?.mastodonModalKey || location.state?.mastodonModalKey);
}
handleLoadPending = e => {

@ -147,7 +147,7 @@ class StatusActionBar extends ImmutablePureComponent {
handleOpen = () => {
let state = {...this.context.router.history.location.state};
if (state.mastodonModalOpen) {
if (state.mastodonModalKey) {
this.context.router.history.replace(`/statuses/${this.props.status.get('id')}`, { mastodonBackSteps: (state.mastodonBackSteps || 0) + 1 });
} else {
state.mastodonBackSteps = (state.mastodonBackSteps || 0) + 1;

@ -41,7 +41,7 @@ export default class Mastodon extends React.PureComponent {
}
shouldUpdateScroll (_, { location }) {
return !(location.state && location.state.mastodonModalOpen);
return !(location.state?.mastodonModalKey);
}
render () {

@ -105,8 +105,7 @@ class AccountGallery extends ImmutablePureComponent {
}
shouldUpdateScroll = (prevRouterProps, { location }) => {
if ((((prevRouterProps || {}).location || {}).state || {}).mastodonModalOpen) return false;
return !(location.state && location.state.mastodonModalOpen);
return !(prevRouterProps?.location?.state?.mastodonModalKey || location.state?.mastodonModalKey);
}
setColumnRef = c => {

@ -508,8 +508,7 @@ class Status extends ImmutablePureComponent {
}
shouldUpdateScroll = (prevRouterProps, { location }) => {
if ((((prevRouterProps || {}).location || {}).state || {}).mastodonModalOpen) return false;
return !(location.state && location.state.mastodonModalOpen);
return !(prevRouterProps?.location?.state?.mastodonModalKey || location.state?.mastodonModalKey);
}
render () {

Loading…
Cancel
Save