javascript - 输入内的 SVG 与粘贴的长文本重叠

问题描述

我们有一个自定义文本输入组件，限制为 400 个字符。当用户粘贴超过 400 个字符时，我们会显示一个 svg 图标，指示输入中的错误。我们在 Chrome 中遇到了问题。它在文本光标上方显示 svg 图标并与文本的最后三个字符重叠（因此，如果我们在末尾有“abcde”，那么我们在下面的屏幕截图中只能看到“ab”）。该问题仅发生在 Google Chrome 上。在火狐上没问题。我已经修复了“Ctrl+v”热键的这种行为（通过在输入上调用 onChange 两次），但我现在找不到使用上下文菜单粘贴的方法。我需要使光标在字符串末尾出现在图标之前。

标签： javascriptreactjsgoogle-chrome

javascript - 输入内的 SVG 与粘贴的长文本重叠

问题描述

解决方案

推荐阅读