Sync <html> lang/dir on hot page swaps (fetch nav, editor re-renders)

2026-09-03 03:09:12 +00:00
parent 3e72038ed2
commit 2635e8760c
2 changed files with 10 additions and 0 deletions
@@ -832,6 +832,11 @@ import { reconnectPolicy, socketSlot, watchConnecting } from "./reconnect";
      // stylesheet after the server-rendered tag.
      const userStyle = document.getElementById("pagerite-user");
      if (userStyle) document.head.appendChild(userStyle);
+      // The served language rides on <html> (lang + dir, rtl for e.g.
+      // Arabic) — follow the swapped page (the editor panel carries its
+      // own lang="en" dir="ltr", so it is unaffected).
+      document.documentElement.lang = doc.documentElement.lang;
+      document.documentElement.dir = doc.documentElement.dir;
      document.title = doc.title;
      // Banners may contain scripts (canvas etc.), content pages may too.
      runScripts(document.getElementById("page-banner"));
@@ -114,6 +114,11 @@ function swapRegions(doc) {
    }
    anchor = imported
  }
+  // The served language rides on <html> (lang + dir, rtl for e.g. Arabic):
+  // follow the swapped page. The editor panel carries its own lang="en"
+  // dir="ltr", so it is unaffected.
+  document.documentElement.lang = doc.documentElement.lang
+  document.documentElement.dir = doc.documentElement.dir
  // The editor keeps its own title while open; only inherit the server title
  // when navigating outside the editor (e.g. fetch-navigation swaps).
  if (!document.body.classList.contains('editing')) {