### Verify steps - [x] 我已在标题简短的描述了我所遇到的问题 - [x] 我已在 [Issue Tracker](./?q=is%3Aissue) 中寻找过我要提出的问题,但未找到相同的问题 ### 操作系统 MacOS ### 浏览器版本 Firefox ### 系统及浏览器版本 属于平台无关性问题 ### 描述 **关联 PR:** - #98 **问题描述:** - 包含 CodeTabs 组件的页面中,使用 Tab 键进行焦点切换/元素选择时,经过 CodeTabs 组件中的 pre 元素会导致代码块产生异常行为(具体表现为内容模糊及布局异常)。 **附加信息:** - <img width="819" height="669" alt="Image" src="https://github.com/user-attachments/assets/5c5d7023-0d22-458b-b574-3e015b04cc70" /> ### 重现方式 **重现步骤:** - 进入任意一个包含 CodeTabs 组件的页面,如 [LinuxDoConnect](https://wiki.linux.do/Community/LinuxDoConnect#%E6%8E%A5%E5%85%A5-linux-do); - 鼠标左键单击代码块内容区域任意位置; - 按下 Tab 键,可见代码内容区域模糊,且布局异常。 **附加信息:** - <img width="824" height="688" alt="Image" src="https://github.com/user-attachments/assets/35d37a14-809e-4bb2-ab77-490415fe44a5" /> - <img width="819" height="669" alt="Image" src="https://github.com/user-attachments/assets/5c5d7023-0d22-458b-b574-3e015b04cc70" /> ### 社区个人主页 - https://linux.do/u/gophlet