lqut8a
Last Updated: February 25, 2016
·
1.985K
· heldrida
6ba51be61ac6a969f616d9e2f073d039

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

Hi,

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
Respond

1 Response
Add your response

17251
0 tw3khr7zg2t4brho 26ihmg4xu5ql9hoiuzfhmpe87lxvt0edsayqjeqlxliqad68eimfocl5 jh

hero !!! :D

over 1 year ago ·