Disable the resizable textarea grip in Safari 3?

Wim Leers - August 5, 2007 - 23:50
Project:Drupal
Version:6.x-dev
Component:forms system
Category:task
Priority:normal
Assigned:Unassigned
Status:patch (code needs review)
Description

Safari 3 has resizable textareas by default. The grip is more annoying than useful IMO.

Are there any good reasons for keeping the grip in Safari 3?

#1

kkaefer - August 6, 2007 - 14:43

No. Drop it.

#2

Stefan Nagtegaal - August 6, 2007 - 14:47

One thing that would be nice, is to disable the horizintal resizing and only allow resizing of textarea's (in Safari 3b) height.

That way we do not get any other weird theme issues...

Stefan

#3

Wim Leers - August 6, 2007 - 18:54

That's easy.

textarea {
     resize: vertical;
}

I'll add a patch when I have time.

#4

kkaefer - September 17, 2007 - 22:13
Status:active» patch (code needs review)

Patch removes the grippie from Safari 3 and sets the resize to vertical-only. However, I don't think it's a really good change because the target area of the grippie is a lot larger.

AttachmentSize
safari-resize.patch858 bytes

#5

momendo - November 19, 2007 - 12:57

This patch breaks the summary splitter in Safari 3.0.4 on Leopard and Vista. The textfields disappear.

#6

momendo - November 19, 2007 - 14:22

Also, it seems, in Safari 3.0.4, the vertical restriction doesn't seem to be respected (it's resizing in both directions). Can anyone confirm this?

#7

andreashaugstrup - February 5, 2008 - 03:43

I can confirm that the existing patch did not address the vertical restriction and that the textfields do indeed disappear (also on Safari 3.0.4 and Tiger).

The problem is that the textarea needs to be wrapped in the extra divs and spans for the summary splitter to work. And for the vertical restriction to work the textarea needs a max-width.

I have attached a patch that fixes these two problems. I have the summary splitter working again in Safari and I have a textarea with no grippie and Safari's own resize feature only allows vertical resizing.

AttachmentSize
safari_textarea.patch1.17 KB

#8

dvessel - February 9, 2008 - 03:31

I agree with kkaefer. The default corner drag handle is so tiny. Too bad we can't swap it out for grippe.

#9

andreashaugstrup - February 9, 2008 - 06:17

Habit wins over grip area in my opinion. Safari users are used to their resize handle being the way it is. I believe it to be best to remove the Drupal grippie for Safari users so they can use what they are used to using.

#10

dvessel - February 9, 2008 - 07:58

Maybe so, but the handle is in the corner so it would be expected that the textarea should resizable on its width too.

Here's an alternative so it behaves like all other browsers. I was about to place it straight inside system.css but the resize property is part of CSS3 and won't validate.

It doesn't sniff for Safari since the other browsers should simply ignore it.

AttachmentSize
safari_textarea_alt.patch977 bytes

#11

motima - February 26, 2008 - 16:23

Hi,
just try

textarea {
     resize: none;
}

it works on Safari 3.0.2 (522.13.1)

#12

wolfflow - May 2, 2008 - 00:24

subscribe

 
 

Drupal is a registered trademark of Dries Buytaert.