Last Updated: February 25, 2016
· heldrida

Android Browser: text-indent nested in position fixed mess up!


Today I found a issue in Android Browser on a Kobo E-reader, for some reason my menu that was text in UL LI was completely broken. This worked fine in two different tablets though! The issue happened, because the container element was position: fixed and some nested element had the property text-indent: -9999px; When some other element on the screen was position : absolute, the elements with text-indent -9999px went nuts, going everywhere in the screen. Panic mode!!!!

I found that by doing solved the issue and works very nicely:

.txthide {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

Hope this helps!

Say Thanks

1 Response
Add your response

0 tw3khr7zg2t4brho 26ihmg4xu5ql9hoiuzfhmpe87lxvt0edsayqjeqlxliqad68eimfocl5 jh

hero !!! :D

over 1 year ago ·