Topic: <label> causing issue in bootstrap tab
eronkan pro asked 7 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?
Add comment
Bartłomiej Malanowski staff answered 7 years ago
As I said on this post, it's a Bootstrap's bug. Please, check my answer
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Tags