search

Chandusangale / dropdown-check-list

Automatically exported from code.google.com/p/dropdown-check-list
1 stars 0 forks source link

z-index problem with JQuery UI #92

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1. Create a web page that uses the JQuery UI components
2. On one row, create a dropdown-check-list
3. On next row, create a JQuery Slider

What is the expected output? What do you see instead?
I expect to see the items in the dropdown-check-list on top of the slider
control. Instead, the slider control is positioned above the
dropdown-check-list of options. The options appear behind the slider control.

What version of the product are you using? On what operating system?
dropdown-check-list 0.9
jquery 1.4.2
jquery ui 1.8.1

Please provide any additional information below.

Original issue reported on code.google.com by a.parano...@gmail.com on 4 May 2010 at 2:31

GoogleCodeExporter commented 9 years ago 
Can you please provide a small sample that reproduce the problem? Thank you.

Original comment by adrian.tosca on 4 May 2010 at 7:03

GoogleCodeExporter commented 9 years ago 
Here is a small example that reproduces the problem. Thank you for taking a 
look into
this. Your efforts are sincerely appreciated.

Original comment by a.parano...@gmail.com on 4 May 2010 at 1:04

Attachments:

GoogleCodeExporter commented 9 years ago

Original comment by womohun...@ittrium.com on 14 Sep 2010 at 2:24

GoogleCodeExporter commented 9 years ago 
What's the status on this defect? I stumbled upon this "flaw" today and have 
been trying to fix it for hours. I couldn't find a solution to the problem 
however. Thanks

Original comment by carlsso...@gmail.com on 27 Oct 2010 at 9:37

GoogleCodeExporter commented 9 years ago 
I solved the issue temporarily by removing the code that calculates zIndex on 
the dropdown from its parents and replaced it with:

f.dropWrapper.css({zIndex: '999'})

Original comment by carlsso...@gmail.com on 27 Oct 2010 at 10:04

GoogleCodeExporter commented 9 years ago 
I solved this problem with this code:

                    if (parentZIndex >= 0) {
                        instance.dropWrapper.css({
                            zIndex: (parentZIndex + 1)
                        });
                    }

Poent is to put ">="  except ">"

Original comment by todorovi...@gmail.com on 3 Feb 2011 at 10:31

GoogleCodeExporter commented 9 years ago 
#6 fixed it for me as well.. Thanks!

Original comment by drea...@gmail.com on 5 Feb 2011 at 12:03

GoogleCodeExporter commented 9 years ago 
Issue 155 has been merged into this issue.

Original comment by womohun...@ittrium.com on 25 Feb 2011 at 3:34

GoogleCodeExporter commented 9 years ago 
Fixed using #6 and adding parentZIndex by 2

Original comment by gsvalan...@gmail.com on 7 Apr 2011 at 7:10

GoogleCodeExporter commented 9 years ago 
Fixed in 1.3 (1.2qa really)

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