iOS Safari：點擊結束后點擊突出顯示（-webkit-tap-highlight）卡在屏幕上

Question

非常簡單的問題：我的單頁應用程序在 Safari 上具有正常的 WebKit 點擊突出顯示，因此當您點擊時會出現一個半透明的灰色框並消失。 這是正常的 Safari 行為，是需要的。

有時，在 iPad 上，灰色框出現但不消失； 按鈕點擊通過並且按鈕的效果按預期執行（例如，更改路線）但灰色框仍然存在，直到您再次點擊。

灰色框不在 DOM 中——我幾乎可以肯定它是 Safari 的點擊突出顯示，而不是我們添加的東西。

用@media hover(hover) { hover styles here }抵消“粘滯懸停”沒有任何作用，所以我不認為這是一個粘滯的 hover 問題。

使用-webkit-tap-highlight: transparent; 通過使所有水龍頭突出顯示 go 消失來解決問題。 這不是一個很好的解決方案。 期望的行為是讓點擊突出顯示，並讓它們行為正確。

這是一個相對較新的問題，所以我認為我們做了一些事情來導致這種行為，但我不知道是什么。 有任何想法嗎？

謝謝！

Answer 1

在 IOS 上的 flutter 應用程序中打開 web 視圖時，我們遇到了類似的問題，該問題是由於將我們的整個應用程序包裝在手勢檢測器中導致 -webkit-tap-highlight 卡在屏幕上。

不確定您使用的是什么堆棧，但希望這可以幫助您或任何有類似問題的人解決它。