ui.dropdownchecklist-1.4.js not working with jQuery 1.8.1 or above

[GoogleCodeExporter]

** What steps will reproduce the problem?
Use jquery 1.8.1 or above with ui.dropdownchecklist-1.4-min.js

** What is the expected output? What do you see instead?
dropdownchecklist is not listed with items. Just displaying the first item only.

** What is your environment?
-- DropDownCheckList version: 1.4
-- jQuery version: 1.8.1
-- jQuery UI version: 1.8.20
-- Browser and version: Google Chrome 21.0.1180.89 m, IE 9.0

** Please provide any additional information below/Please attach sample
html

Original issue reported on code.google.com by vro...@gmail.com on 27 Sep 2012 at 6:01

[GoogleCodeExporter]

Good catch -- looks like jQuery 1.8 has gotten a lot more particular about how 
to set width and height.  I am seeing a lot of errors in the browser error log 
about invalid dimensions, which will definitely prevent the dropdown from 
displaying correctly.

Thanks for all the environmental specifics and clearly identifying jQuery 1.8.  
Such details help tremendously.

Original comment by womohun...@ittrium.com on 27 Sep 2012 at 1:44

• Changed state: Accepted
• Added labels: Priority-High
• Removed labels: Priority-Medium

[GoogleCodeExporter]

DO you have estimated time about fix for this issue ?
As i also have same issue...

Original comment by chitraw...@gmail.com on 2 Oct 2012 at 1:11

[GoogleCodeExporter]

Hi, 
I haven't any problem to use this component with these environment:
-- DropDownCheckList version: 1.4
-- jQuery version: 1.8.2
-- jQuery UI version: 1.9.0
-- Browser and version: Google Chrome 22.0.1229.92 m, IE 8.0, IE 9.0
What kind of problem have you found?

I found only problem when I calls $('#Id').dropdownchecklist("destroy");
but it was a refuse of the past and I delete it.

Original comment by blackw...@tiscali.it on 10 Oct 2012 at 3:10

[GoogleCodeExporter]

I have same problem, jquery 1.8.x, jquery ui 1.9.2, dropdown checklist (1.4) 
has 0px width and height, strange.

Original comment by dominik.fiser on 17 Jan 2013 at 10:50

[GoogleCodeExporter]

I've tracked this down to http://bugs.jquery.com/ticket/12647 : instead of 
using instance.controlWrapper.outerHeight() (i.e. passing in undefined which, 
technically, was never supported by jQuery) use 
instance.controlWrapper.outerHeight(false). This will give the appropriate 
responses.

I've attached an appropriately modified ui.dropdownchecklist.js file as a) I 
haven't fully tested it (it's only one uncommented line change and it "works 
for me", but I haven't ran the test suites yet) and b) I don't have write 
permission to the repo.

Original comment by rich...@bairwell.com on 18 Jan 2013 at 12:42

Attachments:

• ui.dropdownchecklist.js

[GoogleCodeExporter]

Issue 281 has been merged into this issue.

Original comment by womohun...@ittrium.com on 28 May 2013 at 8:27

[GoogleCodeExporter]

Issue 287 has been merged into this issue.

Original comment by womohun...@ittrium.com on 28 May 2013 at 8:33

[GoogleCodeExporter]

What does issue 287 have to do with this issue?  It makes no sense that it was 
merged in.

Original comment by jptill...@gmail.com on 28 May 2013 at 9:03

[GoogleCodeExporter]

@rich...@bairwell.com, your fix is correct, but there are a few more calls of 
outerWidth() and outerHeight() that needed to be updated to include an argument 
(false.) The additional calls only manifest an issue with the maxDropHeight 
and/or width options are specified when initializing the control.

Attached is a 'working' version, for my application at least.

Original comment by SeanMArt...@gmail.com on 3 Oct 2014 at 1:40

Attachments:

• ui.dropdownchecklist.js