html - Chrome rendering hidden labels -
i've created tab system using css working intended, except in chrome 1 label gets randomly hidden.
i've created small example represent issue: http://jsbin.com/xexupiciru/edit?html,css,output
this excerpt of relevant code represents 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>
in safari , firefox works intended, in chrome, when label clicked, label gets hidden reason , can't figure out why.
the reason why getting hidden in google chrome when click on element makes ever larger causing overflow imperceptible you. google chrome looks @ following rule , hides it:
.tagmanage-tabbed > div > section > h1 { overflow: hidden; }
when removed line, wasn't being hidden anymore.
Comments
Post a Comment