切换语言时Symfony模板未更新HTML的dir属性

配置与环境 #

• Symfony 项目中，base.html.twig 模板的 HTML 标签配置如下：

  <html lang="{{- app.request.locale -}}" dir="{{- app.request.locale|locale_dir -}}">
  

• locale_dir 为自定义 Twig 过滤器，会根据当前 locale 返回 ltr 或 rtl
• 路由采用 /{_locale}/ 路径规则，页面设置语言切换菜单

现象 #

• 直接在地址栏输入 https://localhost:8000/en/，HTML 标签为 <html lang="en" dir="ltr">；输入 https://localhost:8000/ar/ 时，标签为 <html lang="en" dir="rtl">
• 通过菜单切换语言时出现异常：
  • 从英文页切换到阿拉伯语页，HTML 标签变为 <html lang="ar" dir="ltr">
  • 从阿拉伯语页切换到英文页，HTML 标签变为 <html lang="en" dir="rtl">

排查结果 #

• 日志显示切换语言时，自定义 Twig 过滤器 locale_dir 已被调用并返回正确值
• 经 Fiddler 检测，服务器返回的响应中 dir 属性值正确，但浏览器 DOM 中的 dir 属性未同步更新
• 已创建最小化测试复现仓库

内容的提问来源于stack exchange，提问作者537mfb