Topic: <label> causing issue in bootstrap tab

eronkan pro asked 5 years ago

If I insert a <form> element in a Tab, and the form contains label elements, I am getting weird behavior. This works for me: <form> <input type="text" id="name"/> </form> This does NOT works for me: <form> <input type="text" id="name"/> <label for="name" class="active">Name</label> </form> When I try to use the second piece of code, I get very weird behavior on switching tabs back and forth. The form in the second tab appears below the form in the first tab, for example. I am using Ember.js - so the <input type="text" /> elements are ember components... but there isn't anything wrong in the way the tabs behave - until I add the <label /> elements Has anyone else come across this issue?

As I said on this post, it's a Bootstrap's bug. Please, check my answer

eronkan pro commented 5 years ago

Thank you.

Please insert min. 20 characters.


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



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No