Skip to content

Using a chosen-element always fires a horizontal page scroll to the left #1410

@andreasRu

Description

@andreasRu

Didn't find this issue along the others already reported. It's not really a bug, but an unexpected behaviour.

Summary of the issue:
When having a viewport that needs horizontal scroll bars, and a chosen-element is set rightoutside that viewport, the user will have to scroll the page to the right, until he can see the chosen-element he wants to use/select. Selecting it or selecting an li-item will result in a total scroll back left of the page, putting the just selected chosen-element outside of that viewport again.

Expected behaviour: The viewport should just keep on the selected element, without moving/scrolling.

Tracked OS:
WinVista: FireFox 22.0, Chrome Version 28.0, Safari 5.1.7, IE 9.0
Android 4.1.2: Default Android Browser & Chrome (can't see where to get BrowserVers)

Steps required to reproduce the bug:

  1. Go to http://harvesthq.github.io/chosen/
  2. Minimize the browsers viewport until you see the page with bottom scroll bars like this:
    image
  3. Scroll to the right until you can see the right chosen-element like this:
    image
  4. Select a option of that second chosen-element and you will see the page being scrolled totally back to the left, putting the just selected element outside the viewport again.

The behaviour will occure whenever the page has to be scrolled right for a chosen-selection, e.g. wide-screen pages with multiple side by side chosen-elements, mobile devices/tablets with reduced viewports.

Best wishes and thx for your great solution & contribution!!!

Claudio

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions