treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Fix swiping columns on mobile sometimes failing 

Port 9668e42afd to glitch-soc
lolsob-rspec
ThibG 2019-06-28 13:52:15 +02:00 committed by Thibaut Girka
parent 6739c423ff
commit 284ff65022
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/flavours/glitch/features/ui/components/columns_area.js
View File

@ -112,6 +112,11 @@ export default class ColumnsArea extends ImmutablePureComponent {
// React-router does this for us, but too late, feeling laggy. // React-router does this for us, but too late, feeling laggy.
document.querySelector(currentLinkSelector).classList.remove('active'); document.querySelector(currentLinkSelector).classList.remove('active');
document.querySelector(nextLinkSelector).classList.add('active'); document.querySelector(nextLinkSelector).classList.add('active');
if (!this.state.shouldAnimate && typeof this.pendingIndex === 'number') {
this.context.router.history.push(getLink(this.pendingIndex));
this.pendingIndex = null;
}
} }
handleAnimationEnd = () => { handleAnimationEnd = () => {
@ -162,7 +167,6 @@ export default class ColumnsArea extends ImmutablePureComponent {
const { shouldAnimate } = this.state; const { shouldAnimate } = this.state;
const columnIndex = getIndex(this.context.router.history.location.pathname); const columnIndex = getIndex(this.context.router.history.location.pathname);
this.pendingIndex = null;
if (singleColumn) { if (singleColumn) {
const floatingActionButton = shouldHideFAB(this.context.router.history.location.pathname) ? null : <Link key='floating-action-button' to='/statuses/new' className='floating-action-button' aria-label={intl.formatMessage(messages.publish)}><i className='fa fa-pencil' /></Link>; const floatingActionButton = shouldHideFAB(this.context.router.history.location.pathname) ? null : <Link key='floating-action-button' to='/statuses/new' className='floating-action-button' aria-label={intl.formatMessage(messages.publish)}><i className='fa fa-pencil' /></Link>;