-
Notifications
You must be signed in to change notification settings - Fork 886
Binning | X-Axis selection is not rendering correctly as a dropdown #227
Comments
This looks like an issue where one or more CSS styles have not loaded. I notice that the icons on the zoom menu buttons (lower left) are also missing. If you're comfortable using the Chrome Developer Tools, could you check if there are there errors in the Console? Are there failing requests in the Networking tab? |
updated comment below... |
By restarting jupyter I have been able to get the cell rendered correctly. However if I re-execute the cell I get the issues decribed:
|
@jimbojw Do you have any feedback on how to progress? Unfortunately I have to completely restart jupyter notebook every time I want to execute the cell. thank you |
The huge zoom in and out icons were apparently fixed here: |
Sorry for the delay, and thanks for the additional information. I seem to recall seeing the huge-on-re-execute flow earlier when fixing #214. This definitely feels like an issue with some combination of the WebComponents Polyfill and the notebook environment. I'll have to dig into it. |
thank you |
Are there any updates on this? I'm having the same problem with the dropdowns, and I also see the I was also having the huge-zoom problem, but using the I'm using Chrome 88.0.4324.96, ubuntu 16.04, running Facets Dive on a jupyter notebook. Also seeing it in Brave browser version 1.19.86 (Chromium v88.0.4324.96). This is the python snippet from my notebook: HTML_TEMPLATE = """
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js">
</script>
<link rel="import" href="https://raw.githubusercontent.com/PAIR-code/facets/master/facets-dist/facets-jupyter.html">
<facets-dive
sprite-image-width="{sprite_w}"
sprite-image-height="{sprite_h}"
id="elem"
height="600"
atlas-url="{atlas_fpath}">
</facets-dive>
<script>
document.querySelector("#elem").data = {jsonstr};
</script>
"""
# Load the json dataset and the sprite_size into the template
html = HTML_TEMPLATE.format(jsonstr=json_records,
sprite_h=target_h,
sprite_w=target_w,
atlas_fpath=ATLAS_FPATH,
)
# Display the template
display(HTML(html)) |
Thanks for providing this fantastic tool! I am having trouble however with the rendering of the Binning axes etc. dropdowns
Here you can see they are not getting separated into individual lines. I can still awkwardly select them. This is in Jupyter Notebook using Chrome on ubuntu 18.04. The same issue for the others such as Binning | Y-Axis etc.
anything I can do here to correct this?
thank you
The text was updated successfully, but these errors were encountered: