Contenteditable不适用于chrome中的多列

Question

我正在尝试使多列可编辑div。在Firefox中可以正常工作，但在Chrome中存在问题： 在内容可编辑的多列div中，只有段落的最后一列部分可以使用chrome中的编辑光标进行编辑。

div {
  columns: 300px auto;
}

<div contenteditable>
  Bonytail chub. Pelican gulper Redfish; Norwegian Atlantic salmon pejerrey popeye catafula temperate perch ridgehead, pleco. Port Jackson shark Red salmon lenok stonecat salmon shark tommy ruff lookdown catfish. Celebes rainbowfish monkfish alewife wasp
  fish, gouramie pilot fish garibaldi, salmon salamanderfish sand stargazer. Bombay duck, mustache triggerfish stickleback firefish--duckbill eel wormfish threadtail triplefin blenny Moorish idol long-whiskered catfish. Nase Hammerjaw California halibut
  capelin anemonefish snakehead pickerel surfperch monkeyface prickleback. Medaka giant danio requiem shark airbreathing catfish glass catfish pilot fish gray eel-catfish weatherfish; vendace bat ray.
</div>

https://codepen.io/mariya89/pen/wZLvNX

使用css-regions实现可编辑的多列div情况是相同的。