[GH #8872] Autocomplete is not visualized correctly

Tags: #<Tag:0x00007f4530b9af38> #<Tag:0x00007f4530b9ac90>

I recently stumbled upon an issue with the rendering of the autocomplete dropdown.

Here is the issue: https://codesandbox.io/s/handsontable-autocomplete-issue-cvnw9

As you can see, the Handosntable is rendered in a Flexbox container: I know that is causing the issue, but it is a requirement for me, sadly. After hours spent on finding a solution, I decided to come to the forum and ask for help.

Thank you in advance for your time and help.

Hi @andreaa

There are a couple of issues related to the use of flexbox. I will investigate the subject further, but it does not seem to be a quick CSS hack kind of solution.

Hi @andreaa

We’ve just reviewed the code with my colleague and you are completely right. The dropdown/autocomplete cell type does not work well when put in a flexbox.

The corresponding issue has been reported on our official Github board at https://github.com/handsontable/handsontable/issues/8872

I will make sure to inform you as soon as we fix it.