AutocompleteInput dropdown is hidden

[letalvoj]

I've just tried to use the AutocompleteInput and it's output both in jupyterlab and jupyter is hidden

I tried to hack myself out of the issue by changing the CSS yet I can not force the appropriate div to z-index itself on top of the output. The value specified by bokeh is 100. JupyterLab uses internally values up to 10001. Moreover I am not sure whether I understand how exactly z-index should behave.

~Fortunately you can scroll trough the bk div, yet it is not really user friendly.~

jupyterlab v0.35.6 jupyterlab_bokeh v0.6.3

[letalvoj]

It it seems to be the same issue as with https://github.com/bokeh/jupyterlab_bokeh/issues/64. Yet IMO it is definitely issue with the integration, bokeh is fine.

The issue is with the z-index being ignored due to some reason with position or overflow settings of the parent divs of the individual display_outputs. Anyway I found a way way to kind-of overcome this issue.

txt_input = AutocompleteInput(completions=['val1', 'val2'], callback=callback)
display(HTML('<style> .bk-root[id] { min-height:100pt } </style>'))
show(txt_input)

[gmanolia]

Walkaround fix:

from IPython.core.display import display, HTML
txt_input = AutocompleteInput(completions=['val1', 'val2'], callback=callback)
display(HTML('<style> .bk-root[id] { min-height:100pt } </style>'))
show(txt_input)

Same as above, but I added the missing imports.

[bryevdv]

This needs to be validated w/ Jlab >= 3.0 and the 3.x extensions, or closed. @letalvoj can you provide an actual reproducer that we can investigate (i.e. actual code, not an image of code)?

[bryevdv]

Actually given this is Bokeh 1.x and there is no reproducer I'm going to close as stale. Anyone should feel free to open a new issue with a reproducer if there is indeed still any issue.