Google Chrome Beta PNG Opacity bug

I have just discovered a bug in Google Chrome. I don’t know if I’m the first one to discover it or write about it but who cares. I think the Google Chrome developers should know about this, if they still haven’t heard of it. Since Google Chrome is still in beta, this bug is just the first of many — or few.

So what’s the Chrome bug? It’s actually a PNG opacity issue. I discovered this bug when I came across taptaptap, a website for iPhone apps, using the Google Chrome browser. Below are screenshots of the taptaptap website on Google Chrome and Firefox, respectively.

Google Chrome PNG bug demonstration

Google Chrome PNG bug demonstration. Notice the white borders on the soft-rounded square icons.

Firefox Taptaptap Screenshot

Same website as seen on Firefox 2 browser. See the difference?

To see the actual bug, simply open taptaptap.com in Google Chrome and click one of those soft rounded square icons. You should be able to see white borders appear on inactive square icons.

Like I said, Google Chrome is still in beta, so it’s just normal to encounter a few bugs. Another demonstration of a CSS bug on Google Chrome is seen when you visit Avalonstar.

It appears that they’ve exchanged text-shadow for text-shitify.

But I must admit, I fell in love with Chrome the first time I saw it. It never fails to give me fast, reliable and organized browsing experience. Google Chrome is fast, just check out the benchmarks here, there and everywhere.

Tags: , , , , ,

comments

There are 9 comments for this post.
  1. Comment #1
    Saulo Junior on September 5, 2008 at 1:40 am

    I also have realized that yesterday. I have sent a report to Google about that…

  2. Comment #2
    David on September 14, 2008 at 12:54 am

    Me too! Just noticed the opacity bug on a website I’m developing now.

  3. Comment #3
    Binu on September 20, 2008 at 7:58 pm

    Yep, I noticed it in my own website. It happens when you add opacity to an image with alphachannel, (png with transparency). But you noticed it before me :) I was searching the web, to see if anyone is facing the same issue. You can see the bug at dronasys.com, if I havent fixed it by then.

  4. Comment #4
    Franck on November 1, 2008 at 12:05 am

    Yes. Here is a completely transparent png except for the shadow (http://bible.logos.com/content/images/refTaggerDropShadow.png) which appears on http://www.millcreek-kc.org when going over bible verses. I’m confident they’ll fix that soon.

  5. Comment #5
    Umang on November 1, 2008 at 2:24 am

    A google product in Beta?? That’s not much of a reason for Google tbh, considering close to 50% of their products are in beta and some have been out for over a year

  6. Comment #6
    Dan Tilley on November 4, 2008 at 4:03 pm

    Yes, e.g. Gmail which still says “BETA” beneath the logo.

  7. Comment #7
    movie fan on November 22, 2008 at 9:42 am

    I hesitate to use even upgraded versions of Chrome, since my last experience using it (first version) left my computer compromised; have they fixed the security issues beyond all doubt?

  8. Comment #8
    Wilq on November 24, 2008 at 6:55 pm

    I found this bug too on mine company site… Waiting for chrome to repair this annoying problem

  9. Comment #9
    dino on December 14, 2008 at 10:14 am

    Good news! Chrome is out of beta now. The bad news? The PNG Opacity problem is still there. Text-shadow is still text-shitify.

leave your reply

Let me know what you think.

who am i?

What you should know about me
Hello, my name is Dino Latoga and I am a Web Designer who develops custom Wordpress themes. This site serves as a place to express my creative thoughts and showcase my past and present work. Know more about me.