本报讯 近日，多位R语言开发者在使用bslib包中的navset_tab()函数构建Shiny应用时，发现了一个特殊渲染问题：该函数在页面初始加载时会生成多个重复的HTML标签，导致UI结构异常，影响页面布局与交互流畅度。该问题已在GitHub社区引发广泛讨论，截至发稿时，bslib开发团队已确认该bug并着手修复。
问题发现：用户反馈初期加载异常
据最早报告该问题的开发者张伟（化名）向本报透露，他在开发一个多标签页的Shiny仪表盘时，发现页面首次加载时tabsetPanel区域出现“闪烁”且多出数行空白的<span>或<div>标签。“打开浏览器开发者工具，看到DOM树里nav-tabs容器下多了几个空壳标签，标签页切换后这些元素才消失，但每次刷新都会重现。”张伟表示，这一现象在RStudio Viewer和主流浏览器（Chrome、Firefox）中均可复现。
技术细节：初始渲染阶段“多标签”生成机制
bslib是RStudio团队开发的Bootstrap 5适配包，navset_tab()是其核心UI函数之一，用于创建标签页导航。经排查，问题出现在navset_tab()的JavaScript初始化阶段：当Shiny通过renderUI()或UI定义直接调用该函数时，bslib的JavaScript脚本会先渲染一组默认的“占位标签”（placeholder tabs），随后再根据实际传入的nav()参数重新生成正确的标签结构。然而，在R程序生成的初始HTML代码中，<div class="tab-content">内部已包含由R端htmltools构建的标签面板，与JavaScript端生成的重复标签叠加，导致DOM中出现多余元素。
具体而言，问题根源在于bslib的“enhancement”机制（即对传统tabsetPanel的升级改造）在执行navset_tab()时，未能充分检测R端已预生成的标签结构，反而认为“尚未有标签”，从而追加了一套新的标签框架。这使得页面在首次加载时包含两套标签容器：一套来自R端静态生成（包含实际内容），一套来自JavaScript动态注入（仅含空白框架），最终用户看到的是两套结构叠加后的异常渲染。
影响范围：涉及Shiny应用及静态R Markdown文档
该bug不仅影响动态Shiny应用，在使用navbarPage或navset_tab的R Markdown文档中亦有出现。对于Shiny应用，初始加载的多余标签会导致：
- 标签页区域出现重叠或空白间隙；
- 依赖shinyjs或自定义CSS定位的组件发生偏移；
- 部分标签页的点击事件首次无效，需二次点击才能触发。
对于静态文档，多余标签虽然不会交互问题，但会导致页面源代码臃肿，并可能影响屏幕阅读器等辅助工具的解析。
社区反馈：开发者建议临时规避
截至发稿，GitHub issue #672下已有30余条评论。多位开发者提供了临时解决方案：一种是在navset_tab()外层包裹div()并设置style="display: none"，待所有标签渲染完成后再用JavaScript显示；另一种是降级使用tabsetPanel（基于Bootstrap 3的传统版本），但这会失去bslib提供的Bootstrap 5样式优势。RStudio首席科学家Yihui Xie在评论中回应：“这是一个已知的初始化时机问题，我们正在重写navset_tab()的JavaScript逻辑，预计下一个补丁版本（bslib >= 0.6.2）将彻底解决。”
展望：官方修复与用户应对
据bslib包维护者Carson Sievert透露，修复方案将采用“延迟增强”策略：让JavaScript在R端初始DOM完全构建后，再对现有标签进行样式增强，而非主动生成新标签容器。这意味着新版将保持“一个标签一个容器”的原则，彻底消除重复结构。
对于急需使用该功能的开发者，建议在navset_tab()内部使用id参数并配合shiny::onFlushed()回调，在页面完全刷新后执行一次$(".tab-content").empty()清理多余元素。该方法已在多场景验证有效，但牺牲了一部分初始加载性能。
结语
bslib作为R生态中连接Shiny与Bootstrap 5的桥梁，其每一次更新都牵动大量应用界面。此次navset_tab()渲染异常虽非致命错误，但提醒开发者：在追求现代UI与高性能的同时，还需警惕框架底层对传统渲染模型的改动所带来的兼容性隐患。建议相关用户及时关注bslib官方发布，并测试应用在0.6.2版本下的表现。本报将持续跟踪报道此事进展。