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!

1 Response
Add your response


hero !!! :D

over 1 year ago ·