question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Quickly switching tabs using Navs with JavaScript makes the tab content go wrong

See original GitHub issue

Environment

Operating system: Linux Mint 18.3 Cinnamon Browser: Chrome 65.0.3325.162 and Firefox 58.0.2 JS Bin: https://jsbin.com/pidaziv

Snapshot

https://imgur.com/a/1MAWb

Steps to Reproduce

  1. Click the tab Contact
  2. Click the tab Profile and then click the tab Contact again in few milliseconds.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
Johann-Scommented, Mar 19, 2018

ok, so we should handle the transitionning state and disallow to change tabs during this transition

1reaction
bakedbirdcommented, Mar 19, 2018

@Johann-S Took me some days to train my speed too 😝

Read more comments on GitHub >

github_iconTop Results From Across the Web

Too fast tab switching makes both contents visible. · Issue #8117
Hey there,. If you click too fast on two differents tabs both contents will be displayed. You can do it directly in the...
Read more >
Bootstrap: Tab doesn't show content correctly - Stack Overflow
Try removing your custom javascript function. Bootstrap will take care of the switching of tabs by itself. Could be that your function is ......
Read more >
How to Create Switchable Tabs - HTML, CSS & JavaScript ...
In this video we'll be looking at creating tabbed sections from scratch using pure HTML, CSS and JavaScript - it's super easy to...
Read more >
Tabs: It's Complicated™ | CSS-Tricks
Unlike a same-page link, a tab does not move the user to the associated section/panel of content. It just reveals the content visually....
Read more >
HTML: A good basis for accessibility - Learn web development
A great deal of web content can be made accessible just by making sure the correct Hypertext Markup Language elements are used for...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found