harvesthq/chosen — Issue #447: Right-to-Left monster scroll bug
Author: jonagoldman
Created: 2012-01-13 20:01:33+00:00
State: open

A very common bug in Firefox and Chrome is that when the page direction is set to 'rtl' and 'position' is used to place an element, the 'left:-9000px' or similar negative value creates a monster horizontal scroll instead of 'hiding' the element.

In Chosen, the 'chzn-drop' div is positioned using a negative 'left' so in LTR direction it works well but in RTL it need to be changed to a positive value.

So,
for LTR position left:-9000px is OK
for RTL it needs to be position left:9000px

Its useless to post a 9000px print-screen, so in order to reproduce the error just use Chosen with the rtl tag inside a page with rtl direction, you will notice the horizontal scroll in FF and Chrome.

I see that the position is 'hard-coded' into the plugin, so it is possible to fix this in a feature version?