Switch tabs showing both, not only selected tab

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Switch tabs showing both, not only selected tab

Quique Pons asked 7 years ago

Hi, I started developing a Wordpress site with MDB and it's amazing.

I can do any UI quickly, and that's my main aim.

I copied the Login/Register modal on my site and everything is working nice except the tabs.

There are two tab-pane with the login/register forms, but when I switch to the register and switch back again to login register tab-pane is not hiding. Every time I repeat it, it happens. When I have done it like eight times all works nice.

I uploaded this gif so you can see the real behaviour:

https://imgur.com/SXL75lQ

 

Edit: If you ask me I can send the URL of the test web in a private message.

Bartłomiej Malanowski staff pro premium commented 7 years ago

What's your version of Bootstrap?

Quique Pons commented 7 years ago

Hi, I'm using Bootstrap v4.0.0-Beta, the one packed with the MDB zip downloaded from this site. I don't understand why it's happening because I imported the downloaded files only :P Thank you for your response.

Bartłomiej Malanowski staff pro premium answered 7 years ago

It's a problem with Bootstrap itself. Please check this issue

celebrand pro answered 7 years ago

Hi, I'm Quique Pons, the original author of this post. I've bought a template in order to get it working and it stills being the same. I need help, please enter the site and try the problem: http://copitinew.d206.dinaserver.com/   Greetings.

kyrro answered 7 years ago

I have the same issue. It works fine when all the tabs contain is text/<p> tags, but when trying to use a form that has values in its fields (manual entry or placeholders/values), content from the tabs "bleeds" into eachother when switching between them. Very annoying. Hoping for a solution!    
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Quique Pons
0Support score
1Questions 0Answers
0Snippets likes 0Snippets