Firefox textarea typing causing screen shaking (firefox2 winXP)?

You can either force a scrollbar: css-tricks.com/eliminate-jumps-in-horizo....

Up vote 0 down vote favorite share g+ share fb share tw.

EDIT: Firefox 2 windows XP Steps to reproduce problem: Firefox 2 and visit: resopollution.com/rentfox/html/property_... Begin Typing and pressing enter key to create new lines After about 10 enter key presses you'll notice the screen shaking How this happened This began happening after I installed a plugin for jQuery. It's located here: resopollution.com/rentfox/html//js/texta... It makes it so the textarea is expandable as I type, depending on how many lines there are in the text area, up to a max-height value which can be specified in CSS. I tried disabling the 'setHeight' function within this plugin (the only thing that changes height dynamically) but I still saw the screen shaking.

When I think the problem might be Firefox thinks that the screen just got larger, and compensates by putting in a scrollbar on the right side of the body document. However, it realizes that in fact the page didn't get larger, and removes the scrollbar, causing the shaking. I have no idea where in the code that makes Firefox think this way... Appreciate any help.

Javascript jquery firefox textarea link|improve this question edited Jul 7 '09 at 19:22 asked Jul 7 '09 at 19:02resopollution91211327 97% accept rate.

4 make sure the legs on your table are level. And stop typing so hard. ;) – Jimmy Jul 7 '09 at 19:15 Interestingly, only the portion from 101 to 115 shakes on my screen.

From 116 on doesn't shake. – ScottSEA Jul 7 '09 at 19:19 I am using FF 3.0.9, on XP SP3 – ScottSEA Jul 7 '09 at 19:20.

You can either force a scrollbar: css-tricks.com/eliminate-jumps-in-horizo... or hide the overflow of the div and try to get rid of the scrollbar, try overflow: hidden instead of auto in the div propertySetup.

I followed your linka nd used overflow-y: scroll on the body tag. Seems to be the best way. – resopollution Jul 7 '09 at 19:45.

Can't reproduce, works fine here in Mac OSX + Firefox 3.5.

1 Ditto, Debian, iceweasel 3.0.9. – JosefAssad Jul 7 '09 at 19:12 Same on XP Service Pack 3 + Firefox 3.5 – tj111 Jul 7 '09 at 19:14 No problems on XP SP3 + Google Chrome. – SolutionYogi Jul 7 '09 at 19:16 hmm must be firefox 2 then – resopollution Jul 7 '09 at 19:21 I was able to replicate it WinXP FF3.5. Just hold down enter and create a ton of blank lines.

– Jab Jul 7 '09 at 19:29.

I can reproduce it (Debian Lenny, IceWeasel 3.0.6), but only with a very, very specific window size for FireFox (just slightly taller than 1024px, depending on your system font size, window manager and number of toolbars shown). Just make your page slightly shorter or taller and the problem goes away. The problem only occurs when the addition of a new line after the 10th or so causes firefox to grown the page just enough to cause the scrollbar to appear.

Just as you guessed. That's a tiny 10px margin that is dependent on a lot of browser and system specific settings. In your page that margin is somewhere around the 1024px limit, depending on system font, toolbars, window decorations and the phase of the moon.

Move that margin out of the 1024px region. Either make the page 40-50px shorter so that the scrollbar does not appear (even with large system fonts and an extra toolbar) or make it taller so the scrollbar is always there. Zoltan Lengyel's answer in this thread to always force the scrollbar can also be used.

I can reproduce it in Firefox 3.0.11 in Win XP. Adding overflow:hidden to the body tag seemed to fix the problem, but doing that may wind up causing you more grief then disabling the plugin altogether. Giving the body tag overflow-x:scroll will stick a scrollbar there permanently but seems to solve it, too.

I am exploring that route right now. Possibly adding overflow:hidden and then removing overflow hidden onBlur event. This might be the only way... – resopollution Jul 7 '09 at 19:24.

I reproduced it on Windows, FF3. Interestingly it seems to happen within the jQuery .height() function! Unfortunately you're using the minified version, so that's as far as I can get.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.