h2oai / wave

Realtime Web Apps and Dashboards for Python and R
https://wave.h2o.ai
Apache License 2.0
3.9k stars 323 forks source link

Changes in width handling since v0.26.3 makes handling of inline objects difficult #2251

Closed johannes-becker-otto closed 4 months ago

johannes-becker-otto commented 5 months ago

Hi,

here's a minimal example of inline objects that add up to 100%

page["form"] = ui.form_card(
    box="1 1 4 2",
    items=[
        ui.inline(
            items=[
                ui.textbox(name="textbox1", label="Textbox 1", width="34%"),
                ui.textbox(name="textbox2", label="Textbox 2", width="33%"),
                ui.textbox(name="textbox3", label="Textbox 3", width="33%"),
            ]
        )
    ],
)

1.0.1 image

0.26.3 (actually the screenshots are taken with 0.22.0 but I realized I'm using 0.26.3 right now and it's still fine) image

Until version 0.26.3 100% remained the same total width no matter how crazy it gets image

After 0.26.3 the 100% become unreliable, here examples for 1.0.1 and 100% and 50%/50% image image

All the best Hannes

mturoci commented 5 months ago

cc @marek-mihok