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!

comments powered by Disqus