Screen redraw errors with resizable textareas in Firefox

Yes I get this too. I think it's more likely to be something to do with javascript than anything though?

I'm getting this too. Any clues as to what causes this problem? It only appears in Firefox for me, not IE.

I have also seen this, on an older powerbook with Firefox 1.5 and very little (256mb) RAM. My first thought was that it was a memory issue, but disabling tinymce didn't help. The pb has since been beefed up to double ram and I'm waiting for an update on how this is working now. If this doesn't help, I'll be experimenting with disabling fieldsets in drupal, or javascript in the browser.

yep, i get this too and haven't been able to figure out why or how to fix it. will post back if i get anywhere.

The lines seems to disappear partially when you do something like

1. move your mouse over a form field
2. do a "Crtl+A

in the edit node mode.

It seems as if something causes the page or that particular bugged area not to refresh on screen.
I am using Firefox 2.0.

Trying to look at the javascripts and CSS to try resolve the problem.

I have confirmed this behaviour for Mac OS 10.3.9, in Firefoxes 1.5 and 2.x. It did not occur on an identical Mac with 10.4 and FF 2. It seems to have little to do with physical memory, but memory handling may be quite different between 10.3.9 and 10.4. I was to exasparated to test thoroughly, but I don't think Zen is the only template to suffer from this. Will come back on that later. Idea: could the way in which Zen deals with sidebars and squeeze area, with overlapping and negative margins and z-orders, have anything to do with this?

(Sadly Safari on 10.3.9 crashes spectacularly on node editing forms with Tinymce, so the only option for my 10.3.9 users is Opera.)

Hi guys,

I think i might have found a solution for the "Weird Lines" showing up when editing a node but not too sure if it will affect any other formatting.

Here is what I did.

Open style.css and search for this block below.

#node-form, #node-form .node-form
{
/* overflow:auto;*/
}

comment the "overflow:auto" out as shown above and the lines seems to disappear. The downside is that if you have too many icons for your TinyMCE it may stick out of the page if your site is built for 800by600.

Well yea hope it works for you.

Yay progress. Just in case this is not a decent workaround, could all issue readers report which OS/FF-version scenaria this happens? I am already in a situation where I'll have to give some UA-based css overrides, so it would be handy to know.

My report: FF1.x-2.x on MacOS 10.3.9.

My report: FF2.x on XPsp2

I would just like to report that I have seen no problems with my Zen themes after following leandrosiow's fix.

Just updated the status to fixed

I am not sure what the status of fixed means. Has this been fixed in Zen, or fixed in the sense that we now know how to patch Zen?

I can reproduce this issue as well and confirm that the solution in #6 is working.

Fixed status means the project has included the proposed changes. You might want to submit a patch.

Originally, I wasn’t seeing this.

To reproduce you have to actually try to re-size one of the textareas, then you see "left-over lines" from improper screen re-draw.

Removing the #node-form, #node-form .node-form { overflow: auto; } fixed the problem.

Committed. Thanks, everyone!