[#4172] Autocomplete cell type is cropped when used with scrolling tables

Tags: #<Tag:0x00007efc6256d7f8> #<Tag:0x00007efc6256d690>
#1

It appears that the built-in autocomplete cell editor type does not work properly with scrolling tables.

Here it is in a normal table:

image

Here it is in a scrolling table:

image

This is because the dropdown component is attached to a parent IN the table, vs OUTSIDE the table, like the Pikaday editor does.

Is there a way to solve this using existing options, or should we extend the existing editor and override the attachment / positioning functions in lieu of a fix?

Thanks,
Dave

#2

Hey Dave,

Can you please paste the exampel to this topic https://github.com/handsontable/handsontable/issues/4172 ?

#3

Done :slight_smile:

#4

Thank you :slight_smile:

#5

So I took the last few days to build a custom autocomplete editor, very pleased with the results!

Screenshot:

image
image.png368×545 53 KB

Async options:

securities-dropdown
securities-dropdown.gif807×560 414 KB

Sync options:

The custom editor tutorial was a great starting point even though it is quite a daunting document.

This uses features from both the password and select examples, so just my luck!

I have some ideas how it the doc could be made better; I’ll post something in the docs repo.

Cheers!

Filter options custom cell editor
#6

Nice… What was the hardest thing to do? Did you use any hacks or it’s all fine you won’t get any issues while updating?

I have some ideas how it the doc could be made better; I’ll post something in the docs repo.

thanks!

#7

Hi Dave, nice custom autocomplete editor… Could you share the code?

#8

Hi Dave, nice custom autocomplete editor… Could you share the code?