UI collapses when dark_mode = None and page contains grid with ag grid

[BaccanoMob]

First Check

• I added a very descriptive title here.
• This is not a Q&A. I am sure something is wrong with NiceGUI or its documentation.
• I used the GitHub search to find a similar issue and came up empty.

Example Code

from nicegui import ui

@ui.page(path="/")
async def error_causer():
    ui.dark_mode(None)

    with ui.grid().classes("items-start place-items-stretch w-full grid-cols-2"):
        ui.aggrid({})
        ui.button()

ui.run()

Description

With commenting ui.dark_mode,

Without commenting ui.dark_mode,

If I set dark=None in run,

The bug does not happen if there are buttons only (possibly if its only quasar components I believe)

I wanted to have an ag grid on left some content on the right. And I have managed to get a minimal reproducible code. I do not know what causes it so please change the title if the cause is something else.

For now I will stick with True/False for dark mode.

NiceGUI Version

2.20.0

Python Version

3.12

Browser

Chrome

Operating System

Linux

Additional Context

No response

[falkoschindler]

Oh wow, thanks for reporting this issue, @BaccanoMob!

First I thought this is a duplicate of #3753, but the behavior is quite different. Here is an even more compact reproduction:

ui.dark_mode(None)

with ui.card().classes('w-full'):
    ui.aggrid({})

Currently I have no idea why ui.dark_mode(None) has such an effect on the layout.

The auto-resizing in ui.aggrid doesn't seem to be the reason. The problem persists after removing this block.

nicegui/nicegui/elements/aggrid.js

Lines 58 to 60 in 0695e11

	if (type === "gridSizeChanged" && this.auto_size_columns) {
	this.api.sizeColumnsToFit();
	}

[evnchn]

I'm a tad busy but can anyone can check if the UnoCSS implementation at #4832 is also affected?

At this point, I consider #4832's UnoCSS as the "reference implementation" of Tailwind CSS on the browser.

Lost trust on Tailwind CSS browser-side JS after they shipped a "breaking change" from 3.3 to 3.4

[BaccanoMob]

@falkoschindler not sure if you missed this, when dark=None is set in ui.run (to be honest I used ui.run_with I do not know if that made a difference), the button did not stretch (1st image was the actually layout expected where there was no mention of dark_mode).