Problem with textarea.js
Sebastiaan Brozius - March 30, 2006 - 19:07
I'm porting a CSS-theme to Drupal 4.7, but have a serious problem with textarea.js and IE6.
Hoping this is an error on my side, and not a bug, I thought I'd first post here.
The problem is, that when adding a comment, the textarea of the comment screws up the layout of the page, but only in IE6. Firefox 1.5.0.1 and Opera 8.5 are showing it perfectly.
The textarea gets somehow centered, and when saving the generated HTML and setting the paths to the css-files and js-files correctly, the same problem occurs. When I 'comment out' textarea.js, the page shows perfectly in IE6.
My site is at http://www.novena.nl/ and a test-account is available to be able to post comments and experience my problem...
.resizable-textarea
The textarea is placed in a container with class "resizable-textarea". You need to style it to match your normal textarea styles.
--
If you have a problem, please search before posting a question.
But how come that in FF and
But how come that in FF and Opera the textarea shows OK, while it does not in IE?
I've tried several things to get it to not center (clear: both, margin 0, float: left to be specific), to get a specific size (which works, but then I think the textarea is to narrow to work with for comments) etc....
I'm definitely no CSS-expert, but getting the general idea on how it works, and I do not seem to be anble to figure this one out just yet...
And as I mentioned, when I disable the textarea.js-file in the Drupal misc-directory, all goes well...
When I set a different width, it gets centered, and I have not set a center-style anywhere...
Besides that, the grippie (for resizing the area) is shown at the right position...
And while I type this and check the things, I set display: inline for the resizable-textarea and it now shows properly.....
Ain't life a bitch, and thank you for setting me straight/opening my (tired of too much hours behind the computer) eyes...
Sebastiaan, I too have the
Sebastiaan,
I too have the same field problem you had with my IE 6 users. I tried using display: inline in my CSS without help.
For now, I have removed textarea.js and it seems to be working fine for all users. However, I love the functionality of textarea.js, so would like it back... AND to have it work for my IE 6 users.
Any thoughts?
Thanks, Paul.
At the moment, I have some
At the moment, I have some luck with the following style:
.node-form .standard,.profile,
.form-item,
#tracker {
width: 98%;
clear: none;
}
It could be that there are additional identifiers needed to get everything ok, or lower the width-percentage to, say, 90% for testing, so you are sure that it fits between columns...
Good call!
I had the same issue with CSSimple theme and textarea.js. Setting "clear: none;" on class "form-textarea" fixed my issue too.
Is there a way I can use
Is there a way I can use textarea.js with Drupal 4.6?
See
See http://drupal.org/node/101305 which has a patch for this problem.