Opened 11 years ago

Last modified 6 years ago

#4440 open bug

Resizable: Doesn't render nicely for textarea fields

Reported by: lawrencepit Owned by:
Priority: minor Milestone: 2.0.0
Component: ui.resizable Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:

Description

On the demo pages it would be good to show an example of a resizable textarea field. I tested this in ff3 and safari and it doesn't render nicely at all. The resize handle is drawn way outside the textarea field. Also, when the textarea field gets focus in safari the left and top edges have a 1px thin outline (default is has a 4px blue outline).

If I wrap the textarea myself (in a simple <div></div>) and then use alsoResize I can get it working as it should.

Change History (7)

comment:1 Changed 11 years ago by Scott González

Component: ui.coreui.resizable
Milestone: TBD1.8

comment:2 Changed 7 years ago by Scott González

Milestone: 1.9.02.0.0

comment:3 Changed 7 years ago by tj.vantoll

Status: newopen

Confirmed that textarea still looks a little off when made resizable by default - http://jsfiddle.net/tj_vantoll/uCqGH/. We discussed this and our thought is that our resizable textareas should work like native resizable textareas - the controls should be on top of the textarea by default.

The demo page (http://jqueryui.com/resizable/#textarea) looks fine but it gets around this issue by applying .ui-resizable-se { bottom: 17px; } to account for the added padding.

I can also still see the strange display of the outline when resizable is applied to a textarea in Safari 6.

Last edited 7 years ago by tj.vantoll (previous) (diff)

comment:4 Changed 7 years ago by tj.vantoll

Summary: Resizable doesn't render nicely for textarea fieldsResizable: Doesn't render nicely for textarea fields

comment:5 Changed 7 years ago by tj.vantoll

#4596 is a duplicate of this ticket.

comment:6 Changed 7 years ago by tj.vantoll

#4373 is a duplicate of this ticket.

comment:7 Changed 6 years ago by Jörn Zaefferer

The textarea in our demo looks and behave awful in IE8. Its gets centered on the page and the resize handle is on top of a (disabled) scrollbar.

Note: See TracTickets for help on using tickets.