textarea.js is incompatible with IE

Marked http://drupal.org/node/101207 a duplicate of this bug.

And this bug is not critical. Critical bug status is reserved for bugs that severely break functionality in Drupal. "Looking ugly" doesn't qualify. :)

I don't have IE6 so I can't test this. Someone else will have to make a final decision on this patch.

Here's a screeny in IE 6. Looks good but it should be checked in 5.5 also.

How about getting rid of the long class. A comment explaining why the span's there should be good enough.

http://browsershots.org/png/full/85/8560098fcd629927fd215bd53e748bfb.png

How does one apply this patch in 4.7?

Am using Drupal 5rc1 and the Garland theme. There is indeed a rendering bug in IE6. It causes the textarea to shift to the left in relation to the grippie, in my case causing the 1st few columns of the textarea to be clipped. The v5 patch above does prevent this rendering bug.

I don't see this using HEAD and IE6. It may have already been fixed by jQuery 1.0.4 or other fixes since rc1.

I can resize a textarea in IE6 and RC2 without problems.

Should I be able to apply this to 5.0 final?
[Can't seem to get it to apply]

Well, Though I can't apply the patch, the concept seems fine.

I was having issues with textareas meesed up on;
-Zen theme [Textaears floated Way off to the right]
-Garland [Floated Hidden to the left]

On IE 6 and IE7

By Editing line 7 in textarea.js

   $(this).wrap('<div class="resizable-textarea"></div>')

to

   $(this).wrap('<div class="resizable-textarea"><span></span></div>')

it sorted out.
Thanks for the help
Alan

The patch appears to be missing?

There doesn't appear to be another fix for this, so we'll just have to apply it.

My symptom: see this issue. When working with Drupal 5.0, using the Zen Theme, when viewing in Internet Explorer 6, the main (middle) column on page /node/add/story slips underneath the left sidebar.

When I scroll down to look at the textareas, they seem misaligned. (see attached screenshot).

I applied the latest patch, and this solved that problem.

Environment: Windows XP, Internet Explorer 6, Server: Apache 2 on Linux, PHP 5.1.6.

We're having this problem with the Zen theme. My understanding is that all this adds is a 'span' element inside the wrapper div. There's really no easy way to fix this at the theme or module level.

+1 on this, most definitely!

Thanks a bunch for the patch! Me be lucky now since this time, I didn't spend 6 hours on figuring out what was causing this ugly bug in IE6/IE7!

Worked for my, using zen and IE7
+1
Thanks!

If you are going to put a link in the code comments, it should be to this issue on d.o not a 3rd-party site. IIRC linking to issues in code comments is discouraged as well.

I am using this patch as well. It's working for me for zen-fixed, IE6, Drupal 5.1. Nice work!

+1 Great patch. Fixed the problem in IE7, IE6, and IE5.5 for Drupal 5.1 using the Zen theme.

Thank you for this fix bjaspan. This has solved a very elusive issue to fix.

This bug has caused the entire #main content area to be pushed below #sidebar-left using the Zen theme and the IE/6 browser on Windows.

Thanks again -- this would have been very difficult to track down........

bjaspan's patch in #24 worked well for me in my 5.1, heavily modified Zen theme.

Thanks for the patch!

#24 works. thanks bjaspan !

The patch from bjaspan seems to do the tricks for me, also... :D

I'd love to commit this, but I'm not sure this is the right solution. I'd like to invite Steven, nedjo or another jQuery expert to cast their vote.

This patch works great for me on several Drupal 5.1 sites.

This patch works great for me on several Drupal 5.1 sites.

I've committed this to CVS HEAD. Lowering the version number so Neil can evaluate this for Drupal 5.

Wrong patch committed. The right patch is #24 without the URL.

And a belated "thank you" to Barry. I've actually been using this fix for a while now, but couldn't remember where I'd got it from. Cheers :)

-K

The 5.0 patch worked well. Thanks for the efforts.

You can see it here: http://cvs.drupal.org/viewcvs/drupal/drupal/misc/textarea.js?r1=1.13&r2=...

-K

Committed to 5.

I think I noticed a 4.7 patch.

Wrong patch committed (again).

zen: is there a difference in the actual code? Can you post a diff between what is in CVS now and what it should be?

@drumm: No. Just the comment.

I'm reassigning this to 6-dev with the fix.

Thanks,
-K

This doesn't look like the right patch either -- patch doesn't apply.

Dries: I just tested it on HEAD and the patch applies fine. It's just a one-liner ...

The fix works well for Drupal 5.x too. Verified.

Holy crap. I manually patched this in 5.1 and it worked! Thanks.

This is expected to go into 6.x-dev before a port patch will be committed to 5.x-dev.(AFAIK)

All that is left for this is a one-line comment change as posted in #46; no testing or porting is needed. However, I'm marking this as fixed since apparently no one minds the inclusion of the URL in the comment.

Ok, which one should I pply to 4.7?

applied

Hello,

Even with the above patch and workarounds, I'm still getting the problem where the right menu gets pushed down. Attached are two screenshots - IE (problem) and Firefox (how I want it to work). Any ideas?

Thanks,
Andrey.

@mr.andrey: your problem is nothing to do with that patch. Can you reproduce this using Garland? If not, it might be a theme issue.

Found a solution.. kind of:

in layout.css:

#squeeze {
  position: relative;
  padding: 0 1em;
  width: 530px; /* added */
  word-wrap: break-word; /* added */
}

I'm ok with the fixed width, so this will work. Any other ideas are much appreciated!

Thanks,
Andrey.

This one still seems to be lurking for me on XP-SP2 with IE6 (not by choice). Of course it's fine and lovely dandy on windows with Safari, Opera Firefox.. @recidive I'm using an unmodified Zen theme.

So I've checked that the /misc/textarea.js has the patch/workaround kindly highlighted here and the workaround is in there, but I'm still getting this IE display bug.

I was hoping the workaround was proven as per a number of cases above so it's a drag it's back for me.

It would be great to be able to use the Zen as a theme foundation but this bug is making it hard.

Anyone with ideas? TIA

uerks, looks even worse with the unmodified zen fixed theme

Moving to the correct project.