Chrome部分文本框无法在连续小写f间输入的技术问题求助

哇，这个bug确实有点诡异！我之前也碰到过类似的边缘案例，结合Chrome的行为和你提到的场景，大概率和这几个核心点有关：

1. Chrome的连字（Ligatures）渲染特性冲突 #

这是最有可能的原因：很多西文字体（比如Roboto、Open Sans、系统默认无衬线字体）会默认启用连字渲染——把连续的小写ff、fi、fl等字符合并成一个单独的字形。Chrome在处理文本输入框时，可能会把这个合并后的连字识别为单个字符节点，导致光标无法插入两个f之间，甚至无法选中其中一个f。

你可以临时测试验证：在有问题的输入框上右键「检查」，找到对应的CSS样式，添加/修改：

font-variant-ligatures: none;
font-feature-settings: "liga" 0;

如果修改后问题消失，那就是连字渲染在搞鬼。很多网站（包括Logz.io这类工具站）会为了排版美观开启连字，而Bootstrap 3虽然默认没开，但你们的后端系统可能自定义了字体样式。

2. 自定义输入事件的JS逻辑拦截 #

像Logz.io的搜索框这类场景，通常会有实时输入监听、自动补全或格式化的JS逻辑。如果这些逻辑在处理光标定位时，没有考虑到连字导致的字符节点异常，就会出现无法编辑的情况。

比如有些代码会用selectionStart/selectionEnd手动控制光标位置，但当连字把两个f变成一个节点时，这些API返回的位置会出现偏差，导致无法插入光标。你们的Bootstrap 3后台可能也加了类似的自定义输入组件（比如搜索框、表单输入的格式化逻辑）。

3. Chrome特定版本的原生bug #

你和同事都出现这个问题，大概率你们用的是同一个Chrome版本。Chrome在某些小版本更新中，曾出现过文本框连字处理的bug——比如Chrome 114-116之间的部分版本，就有用户反馈过类似的ff之间无法编辑的问题，后续的补丁修复了这个问题。

建议检查你们的Chrome版本（地址栏输入chrome://version/查看），如果不是最新稳定版，先更新到最新版试试。

4. 共同安装的浏览器扩展冲突 #

如果你们团队都装了同一个输入法扩展、文本增强类扩展（比如Grammarly、Markdown编辑器扩展），这些扩展可能会修改文本框的输入行为，干扰Chrome原生的光标定位逻辑。

可以快速验证：打开Chrome的无痕模式（禁用所有扩展），再测试有问题的输入框，如果问题消失，就逐个排查扩展，找到冲突的那个。

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