#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 9 years ago by
Resolution: | → cantfix |
---|---|
Status: | new → closed |
comment:2 Changed 9 years ago by
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.
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.