0

一般问题

我们的两个 ExtJS 5.1.0 应用程序长期存在问题，div 滚动条在 Chrome 中不显示，仅使用我们的 QA 测试人员的 AWS Workspace Chrome 浏览器。他们在使用该 Chrome 的其他网站上看不到这一点，只有我们的两个应用程序。自从问题被隔离以来，我们已经能够忽略这一点，但现在用户遇到了同样的问题。

我们已经能够确认不同之处在于，无论哪里有一个应该溢出的 div：auto 都被生成为溢出：隐藏。所以网格、下拉菜单等的滚动条不会呈现，但 div 仍然可以通过其他方式滚动（选项卡、向下翻页）。

我一直在寻找可能导致这种情况的一般想法——是 ExtJS 吗？窗户设置？铬设置？同样，该问题与 AWS Workspace 的 Chrome 和用户的 Chrome 无关。

版本

Chrome：AWS Workspace 的 Chrome 版本与我完全相同，79.0.3945.88。用户拥有 Chrome 80.0.3987.149（最新）。

Windows：AWS Workspace 是 Windows Server 2016 Datacenter。用户拥有 Windows 10。

我们尝试了什么

这些都是我们在 AWS Workspace Chrome 中尝试过的所有故障排除步骤：

  1. 禁用所有扩展。还以隐身模式运行，这也应该这样做。扩展是我没有的，我没有看到问题。
  2. 检查了 Chrome 的标志——它们都是默认的，并且与我所拥有的没有什么不同。
  3. 禁用 Chrome 的“可用时使用硬件加速”设置并重新启动 Chrome。
  4. 之前向 AWS 开过一张票，但他们无法提供帮助。
  5. 没有运气，研究了它与 Chrome、ExtJS 或 Windows Server 2016 Datacenter 的任何连接。仅找到有关“如果您在 Chrome 中出现滚动问题该怎么办”的一般信息。

我们的应用程序在 AWS Workspace Chrome 中存在的其他问题

列出这些以防它有助于触发有关潜在问题的任何想法，但现在专注于滚动。这些再次与 AWS Workspace 中的 Chrome 隔离（不清楚用户是否也看到了这些）：

  1. 拖放不起作用。
  2. 加载选项卡栏时不是选定选项卡的选项卡根本不会加载。
4

1 回答 1

0

事实证明，问题与触摸屏有关。我们的用户有一台触摸屏笔记本电脑（有一段时间没有意识到，我们很早就问过这个问题）。Amazon Workspaces 与触摸屏兼容，因为它们在设备管理器 > 人机接口设备中列出了“符合 HID 的触摸屏”设备。因此，关于触摸屏 + Chrome/Edge 的某些内容告诉 ExtJS 5.1.0 该设备是移动设备并且不应该呈现滚动条。

解决方案：

  • 对于我们的用户，她很高兴禁用她的触摸屏设备，这对她有用。

  • 对于 Amazon Workspaces，禁用触摸屏设备不起作用。对于 Chrome，我们可以通过添加--touch-events=enabled到 Chrome 快捷方式来解决。网上提到了各种与触摸相关的 Chrome 标志作为解决方案，但当前版本中没有这些标志可用。我们在 Chrome 的标志列表中找到的任何与触摸相关的内容都没有帮助。

  • 如果有人使用 Edge 并想保留他们的触摸屏，我还没有为 Edge 寻找解决方案。这对我们现在来说很好。（因为我们意识到 Edge 也有问题，大概是由于 Chromium。在 Firefox 中没有看到它。）

  • 而且我确实使用 ExtJs 的 Kitchen Sink 示例确认我可以在 5.1.0 中使用触摸屏笔记本电脑和 Amazon Workspace 复制该问题。另外，我无法在当前版本中复制该问题，因此升级后我们应该会很好。

于 2020-08-20T18:49:45.587 回答