Small dead click area next to up arrow when droplist visible

[dbertram]

Steps:

1. On the home page open any of the drop lists that show the down arrow
2. Click just to the left of the up arrow

Result: Nothing happens
Expected: Droplist should collapse/hide

Near as I can tell, this looks to be a small mismatch between the margin-right applied to .chzn-container-single .chzn-single span and the width applied to .chzn-container-single .chzn-single div (the up arrow).

Here's a screenshot showing the gap in Chrome stable on Win7 (v15.0.874.120):

Reducing the margin-right on .chzn-container-single .chzn-single span from 26px to 18px fixed this issue, but I'm not sure what other parts of the codebase that margin might interact with.

[pfiller]

The margin is actually necessary to separate the selected element content from the arrow. There was a problem with the way the click target and link were being compared in the jQuery version. Should be fixed in the latest release.

Thanks, @dbertram

[ghost]

.chzn-container-single .chzn-single div and .chzn-container-single .chzn-single div b are display: block;. With absolute position the click event is not triggered. You can fix it with : z-index