You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am rending ipyleaflet map in voila, There is a discrepancy between the height rendering in Jupyter Notebook and Voila. While the height of elements is displayed correctly in the Jupyter Notebook, it does not render as expected in Voila. The issue can be seen in the attached images:
Overall comparison
Height information as rendered in Jupyter Notebook
Height information as rendered in Voila.
it seems that voila missing style='height 600px;'
Reproduce
Launch Jupyter Notebook and render a notebook with the content below
fromipyleafletimportMapfromipywidgetsimportLayoutm=Map(
center=(30, 60),
layout=Layout(height="600px"),
)
m
Render the same notebook using Voila.
Compare the height of the element in both environments.
Notice that the height in Voila does not match the height in the Jupyter Notebook.
Expected behavior
The height of elements should render the same in Voila as they do in Jupyter Notebook.
Context
voila version: voila-0.5.7
Operating System and version: windows 11 pro
Browser and version: firefox latest and chrome latest
anywidget v0.9.13 enabled ok
bqplot v0.5.44 enabled X (python, bqplot)
ipyevents v2.0.1 enabled ok
ipytree v0.2.2 enabled ok
jupyter-leaflet v0.18.2 enabled ok
jupyter-vue v1.11.1 enabled ok
jupyter-vuetify v1.10.0 enabled ok
jupyterlab-plotly v5.23.0 enabled X
@jupyter-notebook/lab-extension v7.0.8 enabled ok
@jupyter-widgets/jupyterlab-manager v3.1.9 enabled X (python, jupyterlab_widgets)
@voila-dashboards/jupyterlab-preview v2.3.7 enabled ok (python, voila)
The following extensions are outdated:
bqplot
jupyterlab-plotly
@jupyter-widgets/jupyterlab-manager
Consider checking if an update is available for these packages.
Other labextensions (built into JupyterLab)
app dir: C:\Users\username\miniconda3\envs\py311\share\jupyter\lab
(py311) PS E:\3d_shadow\docs>
The text was updated successfully, but these errors were encountered:
My heights match - I have almost the exact same setup as you except I am on jupyterlab 4.2
(your jupyterlab map is much taller, in mine the size of your voila map is what mine is in both lab and voila)
Thanks for your effort, after tried in a clean environment with conda, heights also match, but my previous environment and some of my colleague encountered the same problem(and they are all same version of voila), a little bit weird.
I will keep the problematic environment (i have two problematic environment in Windows and MacOS). And do test on it when I have free time.
Description
I am rending ipyleaflet map in voila, There is a discrepancy between the height rendering in Jupyter Notebook and Voila. While the height of elements is displayed correctly in the Jupyter Notebook, it does not render as expected in Voila. The issue can be seen in the attached images:
Overall comparison
Height information as rendered in Jupyter Notebook
Height information as rendered in Voila.
it seems that voila missing
style='height 600px;'
Reproduce
Expected behavior
The height of elements should render the same in Voila as they do in Jupyter Notebook.
Context
Troubleshoot Output
Command Line Output
Browser Output
If using JupyterLab
Installed Labextensions
The text was updated successfully, but these errors were encountered: