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

Popular posts from this blog

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

python Tkinter Capturing keyboard events save as one single string -

sql server - Why does Linq-to-SQL add unnecessary COUNT()? -