列数和角度材质:Chrome中无法点击按钮

时间:2018-01-04 23:06:30

标签: html angular css3 google-chrome angular-material

我正在为网站使用Angular v5.1.3 + Angular Material v5.0.3。我在Chrome(v63.0.3239.84)中无法点击按钮时遇到问题,而在Firefox(v57.0.3)中可以正常使用。

Here是一个演示版。按钮 Test 1 Test 2 应该是可点击的。

我看到它的方式如下:

  • 使用嵌套列时,当且仅当第一列中有按钮时,按钮仍可在Chrome中点击。
  • 如果按钮的容器的一部分在第一列中,则按钮工作正常(取消注释演示中的第一个div),尽管以奇怪的方式显示。
  • 如果一个按钮位于非嵌套列中,那么它可以正常工作(取消注释演示中的 Test 7 按钮)。
  • 如果删除按钮的CSS属性transform,那么它们都可以正常工作,即使它更改了显示(在演示中取消注释应用程序CSS文件的最后一个CSS属性)

任何关于如何能够点击每个按钮并让它们按预期显示的想法将不胜感激;)

感谢您的贡献=)

0 个答案:

没有答案