nextjs - 💡(How to fix) Fix ViewTransition not working in rtl app [2 comments, 3 participants]

TL;DR

Change the dir attribute in the HTML to handle right-to-left (RTL) text direction correctly in the Next.js application.

Guidance

• Verify that the issue is indeed related to the RTL text direction by checking the HTML and CSS code for any hardcoded or missing dir attributes.
• Check the Next.js configuration and page components for any potential issues with handling RTL text direction.
• Test the application with different dir attributes (e.g., dir="rtl" and dir="ltr") to see if the issue persists.
• Review the CSS styles for any potential conflicts or overrides that might be affecting the RTL layout.

Example

No specific code snippet can be provided without more context, but the fix likely involves adding or modifying the dir attribute in the HTML template or component.

Notes

The issue seems to be related to the handling of RTL text direction in the Next.js application, but more information about the specific code and configuration would be helpful to provide a more accurate solution.

Recommendation

Apply a workaround by manually adding the dir attribute to the HTML template or component to handle RTL text direction correctly, as the root cause of the issue is not entirely clear from the provided information.