Control popups well below a dynamically moved select object.

[GoogleCodeExporter]

** What steps will reproduce the problem?
1) Create an HTML page with the target select within an absolutely positioned 
div.
2) Move the x and/or y coordinates of the div.
3) Select the dropdown-check-list control 

** What is the expected output? What do you see instead?
The expected result is for the control to appear over the select location.
The initial display of the control (while not expanded) is properly positioned, 
however, the popup of selections appears far below the control.

** What is your environment?
-- DropDownCheckList version: 1.1
-- jQuery version: 1.4.2
-- jQuery UI version: 1.8.4
-- Browser and version: IE 8.0

** Please provide any additional information below/Please attach sample
html
The page is an ASP.Net aspx page. Although I fail to see how that would affect 
the behavior of this control, it is an important detail.

The sample HTML page attached is the div I am using (it is a sort and filter 
popup). The CSS class assigned does the absolute positioning (along with a 
function that is called when the user clicks the column in my grid control they 
want to sort/filter). I would like to use this control as the 'filterbycolumn' 
select using the javascript code:
    <script type="text/javascript">
        $(document).ready(function() {
            $("#filterByColumn").dropdownchecklist();
        });
    </script>

As this is my first use of a jQuery plug-in I fully expect that I may be doing 
something wrong.  If so, please guide me in the correct direction?

Original issue reported on code.google.com by rkendall...@gmail.com on 24 Sep 2010 at 9:01

Attachments:

• sortandfilter.htm

[GoogleCodeExporter]

The code fragment you provided is not complete enough for me to duplicate the 
problem. However, if the sequence described in your note is correct, then I am 
assuming the DDCL control is being build at document load time (that is the 
$(document).ready() part of the code).  If you are dynamically moving the 
position of the underlying select after DDCL has been initialized, then DDCL 
has no idea where the control is now.  All positioning is preset at the time of 
the initialization, not when the dropdown is opened.
Try delaying the initialization call until after you have finished the dynamic 
move, and let me know what happens.

Original comment by womohun...@ittrium.com on 25 Sep 2010 at 2:35

• Changed state: MoreInfo

[GoogleCodeExporter]

I changed the call to be made when the popup occurs and the same problem 
occurs.  I am waiting to make the call until after the div is moved and shown, 
yet the same problem manifests and the selections appear a percentage below the 
original select's location.

Original comment by rkendall...@gmail.com on 25 Sep 2010 at 5:39

[GoogleCodeExporter]

Please download the v1.2 QA version to see if the positioning problem described 
here has been corrected.

Original comment by womohun...@ittrium.com on 7 Jan 2011 at 5:49

[GoogleCodeExporter]

Fixed in 1.3 (really 1.2qa - I never heard back so I am assuming all is well)

Original comment by womohun...@ittrium.com on 13 Apr 2011 at 5:17

• Changed state: Fixed