Grippie on textareas (textarea.js) Breaks Forms in SpreadFirefox

I can see one oddity under IE.

When using the MS IE DevToolBar is view the CSS of the textarea, you can see a margin: auto auto 0px;. What is odd, is that there is only three parameters. So, the top, right and left margins are all set to auto - only the bottom margin is set to 0px.

Could you try adding the following to yout style.css

textarea {
  margin: 0px;
}

Paddy.

Use the module Forms No JS to disable the grippy from textareas.

You can attach this javascript to any page which you don't want the grippie to appear on [tested on 5.1 removing grippie, if you can't see the code try downloading attachment]:

The javascript works great for disabling the grippie in Drupal 6.3 as well.

In version 5 and 6 i don't see the problem, please update if you still have this problem

Alternatively you could just add this css to your style sheet:

#webform-client-form-XXXXX .grippie { display:none; }

In Drupal 7 using the default contact module while theming the Bartik Responsive Theme, I had to use the CSS code of: .contact-form .grippie { display:none; }

using the webform module: .webform-client-form .grippie { display:none; }

If you wish to remove resizable text area, you can do it with this template.php snipped:

/**
 * Override of theme('textarea').
 * Deprecate misc/textarea.js in favor of using the 'resize' CSS3 property.
 */
 
function YOURTHEMENAME_textarea($variables) {
  $element = $variables ['element'];
  element_set_attributes($element, array('id', 'name', 'cols', 'rows'));
  _form_set_class($element, array('form-textarea'));

  $wrapper_attributes = array(
    'class' => array('form-textarea-wrapper'),
  );

  $output = '<div' . drupal_attributes($wrapper_attributes) . '>';
  $output .= '<textarea' . drupal_attributes($element ['#attributes']) . '>' . check_plain($element ['#value']) . '</textarea>';
  $output .= '</div>';
  return $output;
}

Don't forget to change YOURTHEMENAME to your theme name. There is also module for this. You can find out more here.

I have yet to understand why but this file ( textarea.js ) was conflicting with a modal forms popup window ( Modal forms 7.x-1.2+16-dev ).

I was able to load a form in a window only once per page load (from an anchor link button on the page). Subsequent attempts to load the form popup would fail until I reloaded the page.

I'll try your solution jasom (#8). Thank you.

Oddly, the problem didn't occur on my sandbox but appeared on the production site after I transfer the code for the form and the modal popup window. Both sites are nearly identical but the sandbox site has Webform 7x-3.21 and the production site has Webform 7.x-3.24.
Maybe that's where the problem is.

While trouble shooting i renamed the file textarea.js to "textarea.js_disabled" and my form and popup window finally worked. That's a day and a half I'll never get back :)

Path: drupal_root/misc/textarea.js

I almost forgot, I'm using Drupal 7.