fix(web): add <noscript> message for when JS is disabled

2026-05-11 19:12:06 -05:00 · 2026-03-12 13:49:51 +06:00
parent 99bd2ba256
commit b195713fa1
1 changed files with 11 additions and 0 deletions
@@ -26,6 +26,17 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
  return (
    <html lang={locale} translate="no">
      <body className="flex h-dvh flex-col transition-all ease-in-out">
+        <noscript>
+          <div className="flex h-dvh w-full items-center justify-center bg-slate-50">
+            <div className="rounded-xl border border-slate-200 bg-white p-8 text-center shadow-lg">
+              <h1 className="mb-4 text-2xl font-bold text-slate-800">JavaScript Required</h1>
+              <p className="text-slate-600">
+                Formbricks requires JavaScript to function properly. Please enable JavaScript in your browser
+                settings to continue.
+              </p>
+            </div>
+          </div>
+        </noscript>
        <SentryProvider
          sentryDsn={SENTRY_DSN}
          sentryRelease={SENTRY_RELEASE}