My CSS-based tab system is functioning properly, except for one label randomly disappearing in Chrome.
To demonstrate the issue, I have created a simple example: http://jsbin.com/xexupiciru/edit?html,css,output
Here is a snippet of the code related to a single tab:
<div>
<input name="tagmanage-tabbed" id="tagmanage-tabbed2" type="radio">
<section>
<h1>
<label for="tagmanage-tabbed2">{{ tabTitle }}</label>
</h1>
<div>
<p>Some content</p>
</div>
</section>
</div>
Although Safari and Firefox display the tabs correctly, in Chrome, clicking on one label causes another label to disappear inexplicably. The cause of this behavior eludes me.