Question

我有一个问题-当我尝试在element中选择文本时，仅第一个字符被突出显示。我正在运行Chromium 70.0.3538.77（Official Build）构建在Ubuntu上，并在Ubuntu 16.04（64位）上运行。在Firefox上不存在问题。基本HTML：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
</head>
<body>
  <svg version="1.1">
    <g>
      <text y=20>
        wabalabadub dub
      </text>
    </g>
  </svg>
</body>
</html>

当我双击一个单词时，它会被整体选中，但是我需要能够选择多个单词。那么，有人知道这个问题的解决方案吗？或解决方法：）预先感谢。

Answer 1

错误看上去本质上是视觉上的：按住Ctrl-c到剪贴板，不仅有高亮显示的字母，而且还有鼠标移到的所有内容；甚至使用Shift + arrow扩展/减少选择似乎也可以正常工作。

我目前能想到的最好的办法就是为选区设置样式，但是选区似乎有限：

function test(arg) {
    ++arg.value;
    console.log(arg.value);
}

var arg = { value: 0 };

test(arg);
test(arg);

或多或少是我要做的唯一工作，但禁止所有背景色（在Chromium中，Firefox忽略了该规则）。不幸的是，text::selection { fill:blue }，background-color或text-decoration属性无效。

Answer 2

显然，这是Chromium中的一个错误-https://bugs.chromium.org/p/chromium/issues/detail?id=897752。感谢您的帮助。

Chromium中的HTML SVG文本选择不起作用

2 个答案: