Dropdown not shown if generated in hidden objects

[GoogleCodeExporter]

** What steps will reproduce the problem?
I added this table to the example in ddcl-tests.html

<tr>
  <td colspan='3'>
    <script type="text/javascript">
      $(document).ready(function () {
        $("#k22").dropdownchecklist({ emptyText: "Please Select...", width: 150 });
      });
    </script>
    <h3>
      Toggle hidden select</h3>
    <button onclick="$('#tr22').toggle();">
      Show/Hide</button>
  </td>
</tr>
<tr id="tr22" style="display: none">
  <td colspan='3'>
    <select id="k22" class="k22" multiple="multiple" tabindex='22'>
      <option>Low</option>
      <option>Medium</option>
      <option>High</option>
    </select>
  </td>
</tr>

** What is the expected output? What do you see instead?
A simple dropdown like example 1

** What is your environment?
-- DropDownCheckList version: 1.4
-- jQuery version: 1.6.1
-- jQuery UI version: 1.8.13
-- Browser and version: IE9.0.8112, Chrome 16.0.912, FF 10.0.2

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

If the select exists in an hidden object the dropdownlist is not displayed. 
Can't figure out why.

Original issue reported on code.google.com by klaus.ku...@gmail.com on 17 Feb 2012 at 12:11

• Merged into: #153

[GoogleCodeExporter]

** What is the expected output? What do you see instead?
I expect a simple dropdown like example 1
Instead I see 'nothing' (an empty square)

Original comment by klaus.ku...@gmail.com on 17 Feb 2012 at 12:13

[GoogleCodeExporter]

This is a known limitation with the current implementation of DDCL.  See the 
TEST page for an example of a work-around.

Original comment by womohun...@ittrium.com on 17 Feb 2012 at 2:45

• Changed state: Duplicate