Question

＆＃13;

.container {
  width: 2000px;
  height: 2000px;
  background: #EEE; /* highlight container */
}

＆＃13;

<div class="container">
  <svg id="test" width="1000px" height="1000px">
    <foreignObject id="foriegnObject1" class="foriegnObject" x="960.99150848388672" y="46.62721633911133" width="40" height="30">
      <textarea id="textarea1" class="textarea" xmlns="http://www.w3.org/2000/xmlns"></textarea>
    </foreignObject>
  </svg>
</div>

＆＃13;

JS Fiddle Demo link

在这种情况下，我有一个大小为2000px的容器div和大小为1000px的svg，我在x="960.99150848388672" y="46.62721633911133" width="40" height="30"的位置有一个textarea

每当我开始输入页面时，页面会自动滚动。这仅发生在最新版本的Chrome中。 Chrome版 57.0.2987 。

操作系统：Apple Mac Book OS X， Chrome版本：57.0.2987

如何解决这个问题？

在svg

0 个答案: