Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#9504 closed bug (cantfix)

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.

Change History (2)

comment:1 Changed 7 years ago by tj.vantoll

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.

comment:2 Changed 7 years ago by eorl2008

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.

Note: See TracTickets for help on using tickets.