#9654 open bug ()

Opened November 11, 2013 12:08PM UTC

Last modified February 04, 2014 01:33PM UTC

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

Resizable widget overflows selected option partially in Firefox

wrong behavior

[[Image(http://i.imgur.com/bxEojAl.png)]]

expected behavior

[[Image(http://i.imgur.com/mU0MJ0J.png)]]

Code to reproduce

http://jsfiddle.net/4TSfB/

Attachments (0)
Change History (4)

Changed November 11, 2013 12:20PM UTC by scottgonzalez comment:1

owner: → Ildar
status: new → pending

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?

Changed November 11, 2013 01:05PM UTC by Ildar comment:2

_comment0: 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. → 1384175190003034
_comment1: 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. → 1384175230136079
status: pending → new

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.

Changed November 11, 2013 01:13PM UTC by scottgonzalez comment:3

_comment0: Ok, I see what you're saying: An already selected item will be cut off, now newly selected items. → 1384180305801666
description: resizable widget overflows selected option partially in FF24.0 unix \ \ wrong behavior \ \ \ [[Image(http://i.imgur.com/bxEojAl.png)]] \ \ expected behavior \ \ \ [[Image(http://i.imgur.com/mU0MJ0J.png)]] \ \ Code to reproduce \ http://jsfiddle.net/4TSfB/ → Resizable widget overflows selected option partially in Firefox \ \ wrong behavior \ \ [[Image(http://i.imgur.com/bxEojAl.png)]] \ \ expected behavior \ \ [[Image(http://i.imgur.com/mU0MJ0J.png)]] \ \ Code to reproduce \ http://jsfiddle.net/4TSfB/
status: new → open
summary: resizable widget overflows selected option partially in FF24.0 unix → Resizable: 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.

Changed February 04, 2014 01:33PM UTC by grisendo comment:4

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

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