You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Rails 7中turbo-progress-bar加载完成后无法隐藏的问题

Turbo进度条超宽且无法隐藏的成因分析
  • 进度条计时逻辑漏洞:Turbo进度条会按请求加载时长逐步拉宽,若请求在进度条未到100%时就完成,原本应直接跳转到100%并淡出,但部分场景下这个跳转逻辑失效,进度条会继续按原速率增长,最终超过100%。
  • 异步操作未被追踪:页面加载完成后aria-busy="true"虽已移除,但如果页面存在Turbo未识别的异步操作(比如第三方脚本发起的请求、自定义AJAX请求),进度条状态机收不到结束信号,就不会触发隐藏逻辑。
  • turbo-rails版本Bug:在特定版本中,当页面跳转涉及表单提交重定向,或是Turbo Drive的页面置换逻辑异常时,进度条的销毁钩子未被正确调用,导致它持续留在DOM中增长。
  • 自定义CSS冲突:如果自定义CSS修改了Turbo进度条的默认过渡、隐藏样式(比如更改opacity过渡时长、移除turbo-progress-bar的hidden类相关样式),会导致进度条无法正常淡出隐藏,即便逻辑上已满足隐藏条件。

内容的提问来源于stack exchange,提问作者almo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 13:22:03