Safari：在文本区域内单击拖动并不会进行水平滚动

Question

使用空格：nowrap，我们可以使用水平滚动条在一行中输入一个长句子。但是，在Safari中，如果单击并用鼠标向一个方向（向左或向右）选择文本，则可能无法滚动到文本的开头或结尾。该选择在当前框中受到限制，并且水平滚动条不会移动（在其他浏览器中会移动）。

    .container {
    position: relative;
    width: 200px;
    height: 50px;
    margin: 0 auto;
    }

    #text {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    }

    <div class="container">
      <textarea id="text" placeholder="Add something here">Long long long long sentence so many characters characters</textarea>
    </div>

在上面的示例中，如果您单击框，请选择并滚动到右边界。您不会在Safari中看到文本结尾。任何修复或解决方法？