pie314159pi•3mo ago

Anywidget not displaying correctly

I'm using the ipyaladin (https://github.com/cds-astro/ipyaladin) based astronomical sky survey viewer, built on anywidget and it is not displaying properly, with the icons for the GUI below the image when displayed in Marimo. In the screenshot attached, I've zoomed out within the browser to 30% to show the buttons. The region to pan and zoom in/out for the image is below region where the image is displayed. Is there something I'm doing incorrectly from Marimo's side, or is this a problem I need to figure out with the devs of ipyaladin? I'm using the latest version of both ipyaladin (0.4.0) and marimo (0.8.2). Code to reproduce

import marimo

__generated_with = "0.8.2"
app = marimo.App(width="full")


@app.cell
def __():
    import marimo as mo
    from ipyaladin import Aladin
    return Aladin, mo


@app.cell
def __(Aladin, mo):
    aladin = Aladin(target="ngc4151", fov=2)
    aladin = mo.ui.anywidget(aladin)
    aladin
    return aladin,


if __name__ == "__main__":
    app.run()

import marimo

__generated_with = "0.8.2"
app = marimo.App(width="full")


@app.cell
def __():
    import marimo as mo
    from ipyaladin import Aladin
    return Aladin, mo


@app.cell
def __(Aladin, mo):
    aladin = Aladin(target="ngc4151", fov=2)
    aladin = mo.ui.anywidget(aladin)
    aladin
    return aladin,


if __name__ == "__main__":
    app.run()

GitHub

GitHub - cds-astro/ipyaladin: An IPython Widget for Aladin Lite, th...

An IPython Widget for Aladin Lite, the sky viewer. - cds-astro/ipyaladin

2 Replies

Myles Scolnick•3mo ago

It looks like the style sheets are not being properly loaded. We render the widgets in a ShadowDOM while jupyter does not, so it could be they aren’t compatible with shadow doms We can spend some time investigating - but if you’d like to file an issue, can you do so on both repos?

pie314159piOP•3mo ago

I can do that - thanks for the quick response