add a comment

siriwatknp · siriwatknp · commit 2d68ecf90207 · 2025-05-29T10:48:10.000+07:00
diff --git a/docs/src/BrandingCssVarsProvider.tsx b/docs/src/BrandingCssVarsProvider.tsx
@@ -151,6 +151,8 @@ export default function BrandingCssVarsProvider(props: {
     }
   }, []);
   useEnhancedEffect(() => {
+    // This is required to ensure that the layer order is declared first in the head
+    // because when the direction is RTL on the client, emotion reinserts the RTL styles back to the top of the insertion point.
     if (direction === 'rtl') {
       const head = document.querySelector('head');
       if (head) {

Original file line number	Diff line number	Diff line change
`@@ -151,6 +151,8 @@ export default function BrandingCssVarsProvider(props: {`
`151`	`151`	`}`
`152`	`152`	`}, []);`
`153`	`153`	`useEnhancedEffect(() => {`
	`154`	`+ // This is required to ensure that the layer order is declared first in the head`
	`155`	`+ // because when the direction is RTL on the client, emotion reinserts the RTL styles back to the top of the insertion point.`
`154`	`156`	`if (direction === 'rtl') {`
`155`	`157`	`const head = document.querySelector('head');`
`156`	`158`	`if (head) {`