google-code-export / dropdown-check-list

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

Placement of the DropDown list is off by a couple pixels. #244

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
You can recreate the problem in any browser by loading up the drop down list, 
and the drop down list if moved over 2 extra pixels (I do not think the border 
is taken into account when the width was created.), the second issue is that 
their is a same empty spot at the bottom of drop down list.

I have fixed this issue by changes lines 760-766 to 

$(dropWrapper).css({
  height: "auto",
  width: dropWidth - 2 + "px" // the minus two is for the border. I would most likely be a good ideas to change that to a border width variable like width: dropWidth - (borderWidth * 2) + "px"
});
dropWrapper.find(".ui-dropdownchecklist-dropcontainer").css({
  height: "auto"
});

Hope this helps.

-Chris

Original issue reported on code.google.com by Marfiad...@gmail.com on 16 May 2012 at 3:34

GoogleCodeExporter commented 9 years ago
There is also a problem with width when using max-height option and there is 
vertical scroll visible - then it is visible horizontal scroll - not desirable

Original comment by drakce.d...@gmail.com on 26 May 2012 at 1:16

GoogleCodeExporter commented 9 years ago
Please confirm that you are using doc type as 'strict'.

Doc types other than strict have a variety of differences with their box models 
across the different browsers, and you would have to account for the 
differences in your CSS overrides.

Original comment by womohun...@ittrium.com on 18 Jun 2012 at 4:42

GoogleCodeExporter commented 9 years ago
yes I always use SELECT element (DropDownList asp control)

Original comment by drakce.d...@gmail.com on 28 Aug 2012 at 7:47