ChilisApps
Awesome Apps
  • Home
  • Blog
  • Apps
    • Math Attack
    • Android Clock Widget
    • Meme Maker
    • Sketchee Plus
    • Stock Wallpapers
    • Love Critters
    • Slice
    • Quick Connect
    • Word Hound
  • Contact
  • About Us
Select Page ...

Blog

CSS text-overflow issues on Android

Ben April 18, 2013 Android No Comments

A quick post that may save you tons of time if your working on a website or HTML5 app that supports Android devices. The Android browser and its webview control have an annoying little bug with the text-overflow property. Lets look at an example:

.ellipsistext {
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 }

Everything should work great right?! Well not exactly, we all know that Android’s browser, and especially the built in WebView have many quirks. If you happen to have the following CSS rule in your stylesheet:

* {
 text-rendering: optimizeLegibility;
 }

Android will render the ellipsis AND the text they should be covering up. Really annoying bug, with a really simple fix!

  • Tweet
  • Vote on HN
← RGBa colors in CSS
Ben

I've been developing for over 8 years now and spend most of my time working on mobile applications. Mobile is my passion but I do end up working on various websites and custom application servers from time to time.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Recent Posts

    • CSS text-overflow issues on Android
    • RGBa colors in CSS
    • Is my Android app running on a Playbook/BB10 device?
    • The right way to launch other apps
    • Android Holo themes with backwards compatibility
  • Our Tweets!

    Follow @ChilisApps

          • Apps
          • Blog
          • About Us
          • Contact
          Copyright © 2012 BPC Technologies Inc. All Rights Reserved