Opened 6 years ago

Last modified 5 years ago

#9654 open bug

Resizable: Selected option is cut-off after initialization in Firefox

Reported by: Ildar Owned by: Ildar
Priority: minor Milestone: none
Component: ui.resizable Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:

Description (last modified by Scott González)

Resizable widget overflows selected option partially in Firefox

wrong behavior

http://i.imgur.com/bxEojAl.png

expected behavior

http://i.imgur.com/mU0MJ0J.png

Code to reproduce http://jsfiddle.net/4TSfB/

Change History (4)

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

Owner: set to Ildar
Status: newpending

Are you sure this is a problem with jQuery UI and not just the way selects work in that browser? Have you tried to just set the height and overflow manually without using jQuery UI?

comment:2 Changed 6 years ago by Ildar

Status: pendingnew

The same problem in FF 10.0.2 winXP

FF 25.0 Linux 3.11.5-1-ARCH

This is FF + jQuery UI problem only. Chrome and IE10 browsers work correctly.

This code fix the problem

$(function() {
//$("#resizable").resizable();
});

I have not tried change height and overflow manually.

Last edited 6 years ago by Ildar (previous) (diff)

comment:3 Changed 6 years ago by Scott González

Description: modified (diff)
Status: newopen
Summary: resizable widget overflows selected option partially in FF24.0 unixResizable: Selected option is cut-off after initialization in Firefox

Ok, I see what you're saying: An already selected item will be cut off, not newly selected items.

Last edited 6 years ago by Scott González (previous) (diff)

comment:4 Changed 5 years ago by grisendo

It also happens with "textarea", "input", "select" and "button" elements.

Pull request at https://github.com/jquery/jquery-ui/pull/1188

Note: See TracTickets for help on using tickets.