iOS端Chrome中动态添加链接触发双击问题，寻求修复/解决办法

问题描述 #

用户需双击链接才能将其打开。

预期行为 #

替换内容后，首次点击任意链接应在新标签页打开页面。

当前行为 #

替换内容后，首次点击无法打开链接，需进行第二次点击。

最小代码示例 #

可插入至任意HTML页面（为方便测试添加了5秒超时）：

<div id="dynamic-content">Content before change</div>
<script>
    function timedPassback() {
        let content = "<div style='width: 300px; height: 300px; background: olive; color: white; text-align: center; font-size: 2rem'><a href='//stackoverflow.com/'>Content after change</a></div>"
        let element = document.getElementById("dynamic-content");
        element.innerHTML = content;
    }
    setTimeout(timedPassback, 5000);
</script>

复现步骤 #

• 在iOS端Chrome浏览器中打开包含该脚本的页面
• 执行滚动手势（页面无需实际滚动）
• 等待内容替换为橄榄绿色方块
• 点击页面上的任意链接

环境 #

• iPhone 8
• Chrome 107.0.5304.101
• iOS 15.2

调试信息 #

无法调试iOS端Chrome，尝试过MacOS、Windows及Ubuntu系统，均无可用的远程调试工具。

补充信息 #

该问题并非Chrome特性，已提交bug报告，未在网上找到修复或解决思路，可在4台不同iPhone上复现。

内容的提问来源于stack exchange，提问作者Jiří Putz