Chrome 移动设备输入类型=文本缩放远离元素(并非试图阻止整体缩放)

Bin*_*ing 5 html javascript android zooming

我有一些 JavaScript 代码,可以将预订小部件注入客户的网站。直到最近,一切都运行良好,但我猜测一些针对移动设备的 Chrome 更新导致了一个问题:

注入的代码只是一行引用 JavaScript 文件的 HTML,如下所示:

<script src='https://crown.addons.la/leads/new/forms/resize/expander.php' config='3'></script>

问题是,当我点击“发件人地址”时,Android 上的 Chrome 浏览器会放大 10 倍并跳转到右侧。这不会影响三星浏览器、Firefox、Brave 或任何其他浏览器,我什至为某些人提供了一些示例,但这些浏览器并没有被破坏。

这是在给出领域焦点之前:

在此输入图像描述

这是我们给予它焦点的一次:

在此输入图像描述

我遇到的问题是,我无法在手机上打开开发人员工具来修复它,并且该问题不会在 Browserstack 上重现,也不会在桌面版 Chrome 的响应模式下重现。 有没有什么方法可以在不需要启动并运行整个 Android 模拟器的情况下进行调试?

放大效果损坏的客户示例:

注入代码的工作示例:

我不确定是否有更好的地方可以问这个问题。我知道这对我自己来说非常具体,但不知道该去哪里寻找。

Bin*_*ing 1

这是 Chromium 本身的错误,已在 v103 中修复。

错误报告可以在这里找到:https://bugs.chromium.org/p/chromium/issues/detail ?id=1296183