diff options
| author | Sorin Davidoi <sorin.davidoi@gmail.com> | 2017-07-26 19:03:56 +0200 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-07-26 19:03:56 +0200 |
| commit | a248be4fcedc2908e4fc073ccea3ee3185264417 (patch) | |
| tree | 9a7ecd0809fec5ba7a49ab105b0bfa470a8f3c61 | |
| parent | 8b43d6bf9c3c85b093ae9581d7400776aaa97322 (diff) | |
fix(columns_area): Manually set tabs style when swiping (#4320)
| -rw-r--r-- | app/javascript/mastodon/features/ui/components/columns_area.js | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/app/javascript/mastodon/features/ui/components/columns_area.js b/app/javascript/mastodon/features/ui/components/columns_area.js index 7de66ce3f..63bd1b021 100644 --- a/app/javascript/mastodon/features/ui/components/columns_area.js +++ b/app/javascript/mastodon/features/ui/components/columns_area.js @@ -56,6 +56,15 @@ export default class ColumnsArea extends ImmutablePureComponent { handleSwipe = (index) => { this.pendingIndex = index; + + const nextLinkTranslationId = links[index].props['data-preview-title-id']; + const currentLinkSelector = '.tabs-bar__link.active'; + const nextLinkSelector = `.tabs-bar__link[data-preview-title-id="${nextLinkTranslationId}"]`; + + // HACK: Remove the active class from the current link and set it to the next one + // React-router does this for us, but too late, feeling laggy. + document.querySelector(currentLinkSelector).classList.remove('active'); + document.querySelector(nextLinkSelector).classList.add('active'); } handleAnimationEnd = () => { |