Empty div with hidden attribute tag

[nongtiny]

Next version: 15.3.4

Browser Chrome: 137.0.7151.120

Dear Vercel Team,

I've noticed an unexpected empty <div hidden> tag appearing in the build output of my application, seemingly originating from the server-side rather than the client-side.

Could you please provide some insight into how this empty div tag might be generated during the build process? Any guidance or explanation would be greatly appreciated.

Thank you for your time and assistance.

[4anghyeon]

I think it is related to the process of creating metadata. [code]

[nongtiny]

Thanks so much for your help.

I believe this div tag could potentially be removed, but I'm not sure why it was originally included or if it serves a specific semantic purpose or other technical requirement. I'm hoping someone with more insight into its intended function can clarify this.

[4anghyeon]

@nongtiny

I found a PR related to your question. I hope it helps.

#77620

[LeoAnt02]

@nongtiny @4anghyeon
I just encountered this exact issue
This hidden is annoying for this that want to achieve perfect semantic HTML structure
Did you guys found a workaround for this ?

[icyJoseph]

how is the hidden div breaking perfect semantic HTML?

[LeoAnt02]

@icyJoseph
In perfect semantic HTML each tag element in the body need a meaning and perfect order
For example if you want header tag as the first ever element in the body - this is not possible here currently with next

I ended up resolving this issue by force patching next and then later creating my own version of next

Since our page a full SSG - removing this didnt change anything on my end