Skip to main content

Search and Top Navigation

#9504 closed bug (cantfix)

Opened August 20, 2013 09:01AM UTC

Closed August 20, 2013 01:37PM UTC

Last modified August 20, 2013 02:22PM UTC

HTML checkbox not resizable on Firefox 23.0.1 or Chrome 28.0.1500.95 m

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

Hi,

I am working on resizable UI feature and i encountered a bug on Firefox 23.0.1 or Chrome 28.0.1500.95 m (works well on IE 11) :

The html checkbox doesn't resize at all on these browsers.

Here are example code i use:

<!DOCTYPE html>

<HTML lang="us">

<HEAD>

<meta charset="utf-8">

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

</HEAD>

<SCRIPT>

$(function() {

$("#checkbox").resizable();

});

</SCRIPT>

<BODY>

<input id="checkbox" type="checkbox" class="ui-widget-content">

</BODY>

</HTML>

Thanks fro your help.

Attachments (0)
Change History (2)

Changed August 20, 2013 01:37PM UTC by tj.vantoll comment:1

resolution: → cantfix
status: newclosed

Hi eorl2008,

Thanks for taking the time to contribute to the jQuery UI project, but... Gecko and WebKit don't allow you to change the size of the checkbox form control, so we really can't do anything here.

Changed August 20, 2013 02:22PM UTC by eorl2008 comment:2

I just found a css trick for Firefox :

input[type=checkbox] {

/* make Checkboxes resizable*/

-moz-appearance: none; /* Firefox */

}

Concerning Chrome, playing with "-webkit-appearance" css option has no effect on resizing. When setting it to "none" value, the checkbox can be resized but it can be checked.