Search code examples
javascriptjquerycsshandsontable

Handsontable popup autocomplete editor gets cut off at horrizontal scrollbar


i have an autocomplete feature on all columns. as you can see in this jsfiddle http://jsfiddle.net/tomkast/ub5vbsdp/ the autocompelte editor gets cut off by the horizontal scrollbar.

some code required by stackoverflow to post the jsfiddle link

maybe the problem is what is described here: http://css-tricks.com/popping-hidden-overflow/

i have been working way too long on this problem (so says my boss) so if you have any idea/ jquery work-arounds i would love to know...


Solution

  • It seems you have to do a workaround to make it work, but it is possible. As you can see in this topic, you need to have overflow: auto; in parent, and position: fixed; in child.

    This may be a problem later, but no other position setting works in this scenario, so let's hope it won't be. Here's the working fiddle