causing issue in bootstrap tab

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 pro premium answered 7 years ago