Comments on: HUGE IE8 textbox CSS bug

By: Tweets that mention .intheMeanTime » Blog Archive » HUGE IE8 textbox CSS bug -- Topsy.com

Sat, 01 May 2010 18:27:26 +0000

[...] This post was mentioned on Twitter by Jiří Stránský. Jiří Stránský said: Právě jsem narazil s bugem v IE 8. Nejde kliknout do formulářových prvků s background: transparent. http://bit.ly/dlM6Sm #wtf [...]

By: Amit

Amit — Thu, 29 Apr 2010 04:56:38 +0000

An example (hope your comment system takes it):

And the solution is to set both transparent color and a transparent background image.
Also, have a look at http://stackoverflow.com/questions/2098714/input-boxes-with-transparent-background-are-not-clickable-in-ie8

By: Ubarpsi

Ubarpsi — Fri, 04 Dec 2009 13:47:56 +0000

@Gustavo
I am not able see the 2nd line of your post- what should be under the HEAD of the doc. Are you referring to meta tags?
We already tried adding the meta tag X-UA-Compatible to emulate IE7. It didn’t help. Still we see the strange behavior in few versions of the IE8.

And yes, we own the content of the iFrame too. It is coded by another team within our company. What type of manipulations we can do; please let me know.

By: Gustavo Tandeciarz

Gustavo Tandeciarz — Fri, 04 Dec 2009 12:29:23 +0000

Try adding this to the HEAD of the doc:

However, it being in an iFrame, not too sure how IE8 will handle that. I hate IE.

Even without the transparent styling, the problem sometimes appears when the border css style is set on the textbox. Do you control the content of iFrame? Can you manipulate that form?

By: Ubarpsi

Ubarpsi — Fri, 04 Dec 2009 06:25:53 +0000

Can some one throw more light on the reported problem or the possible solutions.
We do notice similar problem in one of our web application. That application uses iframe – and within the iframe a form with many texboxes is shown. And these texboxes do NOT have transparent background styling.
The problem happens only in few versions of IE8.

Any help will be appreciated.

By: Johannes Leuchovius

Johannes Leuchovius — Thu, 24 Sep 2009 13:34:45 +0000

Thank you very mutch!

By: anoop

anoop — Thu, 10 Sep 2009 10:41:59 +0000

Thanks..saved my time.

By: Gustavo Tandeciarz

Gustavo Tandeciarz — Thu, 13 Aug 2009 21:01:41 +0000

Hey there, let me address your comments about this site first. The stripping of those symbols is a security feature, not a bug. Let WordPress developers know if you feel like it is the latter. This site is completely built on WordPress so all functionality, by default is that of WordPress.

As for IE8 not displaying a cursor when hovering over a textbox, thanks for pointing out another IE bug . I’m sure it has to do with z-index and it could probably be resolved by manually setting the cursor in the CSS.

As for the click-through issue initially reported in this post, I do not have a demo because I wanted to fix it as soon as possible, but as you can see from another commenter, it’s an actual issue and not limited to just me and while it could be argued that the problem was initially caused by bad CSS development, this problem did not emerge until the release of IE8.

–edit
As for the subject of the post, “textbox” was in reference to input of type textbox. Otherwise, I would have said “textarea”

Know what I mean?

By: Zoffix Znet

Zoffix Znet — Thu, 13 Aug 2009 20:55:06 +0000

Ugh, your comment system stripps off the < and > characters and everything between them (BUG). What I meant to say is that I tried with both `textarea` and `input type=”text”` elements

By: Zoffix Znet

Zoffix Znet — Thu, 13 Aug 2009 20:53:59 +0000

Hey, bud, do you have a demo for this bug? I’m a bit confused of what you mean by “textbox”; I tried with both, and and I can click them just fine.

I notice that on your site, IE8 does not display a cursor when hovering the textarea in these “leave a reply” forms.

Let me know if you can get a hold of a demo.

Cheers