Tamstack Start base div hidden on JS disabled

[EliasGit117]

Which project does this relate to?

Start

Describe the bug

At the latest version of Tanstack Start if you disable JS in browser the page is empty because the div that contains all content has param “hidden”.

Your Example Website or App

https://github.com/EliasGit117/come-play

https://come-play-iota.vercel.app/

Steps to Reproduce the Bug or Issue

1. Load page with JS disabled
2. See the problem

Expected behavior

Expected to see content

Screenshots or Videos

No response

Platform

• Router / Start Version: [e.g. 1.121.0]
• OS: [e.g. macOS, Windows, Linux]
• Browser: [e.g. Chrome, Safari, Firefox]
• Browser Version: [e.g. 91.1]
• Bundler: [e.g. vite]
• Bundler Version: [e.g. 7.0.0]

Additional context

No response

[schiller-manuel]

please provide a complete minimal reproducer project

[EliasGit117]

@EliasGit117 added

[schiller-manuel]

cannot reproduce on come-play-iota.vercel.app when i disabled JS
it's definitely not "empty"

[EliasGit117]

@schiller-manuel weird, I will try it again in the morning. At least locally I had div with root id and hidden attribute

[EliasGit117]

@schiller-manuel okay, it happens only if I run it locally in dev mode or started local build.

Reason of content being hidden -> <div hidden="" id="S:0">

Also it happens on server which is not vercel.
http://ms8g44sgsokksswo4wko40os.49.13.137.173.sslip.io

Env for local run:

VITE_APP_NAME='ITC'
VITE_APP_URL='http://localhost:3000'
DATABASE_URL='postgresql://admin:AdminPass501@49.13.137.173:7000/main' (Don't worry it's a playground DB)

UPDATE:
After pushing latest changes Vercel also behaves the same way.

[EliasGit117]

@schiller-manuel any ideas?

[richardvanbergen]

I can also reproduce.

1. Visit https://stackblitz.com/~/github.com/richardvanbergen/css-classname-reproduction
2. Open the full preview in another tab
3. Disable javascript in new tab
4. Reload the page
5. Check DOM tree in dev tools, no page is rendered
6. Go back to stack blitz editor
7. Remove one of the <RoadmapSection> components.
8. Preview again.
9. Disable JS again.
10. Reload again.
11. See that page has content now.

From my testing it seems to be hitting some sort of threshold that disables SSR on that route. It's not specific to this component. I've also managed to render more by removing the icons.

@EliasGit117 Thanks for posting this I thought I was going crazy.

[richardvanbergen]

@schiller-manuel Please check my repo steps and see if you can verify. For the time being I'm going to switch to static pre-rendering as it's fine for me in the short term. The reason I noticed it is I'm getting this horrible flash of unstyled content when deployed to prod.

[EliasGit117]

@richardvanbergen I'm tracking that it also depends from some tailwind classes in my case... I don't understand...

[tannerlinsley]

My best guess for now is that suspense is being triggered near the root and the injected JS doesn't run that "moves" the fragment into an active state.

[schiller-manuel]

also try with react 19.1 instead of 19.2.

[EliasGit117]

@schiller-manuel will try now

[schiller-manuel]

no need to tag me

[EliasGit117]

sorry, my bad