Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown list in unscrollable on mobile devices #5755

AMBudnik opened this issue Feb 4, 2019 · 0 comments


Copy link

commented Feb 4, 2019

If you look to following the page on an ios device :

You can see, for example on "chassis" color, it is not possible to scroll the dropdown options because as soon as you put the finger on an option, it select it.

Of course I got the same problem on my application, and many users wants to use it on ipad or ipad pro.

Is there a way to fix this bug ?

I tried 2 things on my side :

1/ replacing in handsontable is the event beforeOnCellMouseDown with a beforeOnCellMouseUp but it only delay to problem a little, the scroll is still broken. More changes in the dropdown implementations are needed i think.

2/ try to toggle the editor option of the column depending of the device

        data: 'visit',
        type: 'dropdown',
        editor: htMobileDropdown(), // returns 'select' if iphone/ipad, else return 'dropdown'
        selectOptions: getSourceVisits,
        source: function (query, process) {

            process(getSourceVisits(query, process));

        strict: true,
        allowInvalid: false

// the getSourceVisits returns an string[] data to bind the both methods.

The 2nd version works nice but i have a new problem with it : when the column is in 'select' mode, the afterChange event does not trigger anymore.

Can you help me, maybe with a better solution ?

copied from

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet
1 participant
You can’t perform that action at this time.