In the attached gif we can see how the caret is been showed even if the node selection is active. It only happens on real devices or emulators (Safari Desktop works fine). This is my investigation so far:
- iOS Safari still shows the cursor even if the parent is been hidden by
position: absolute; left: -10000px;strategy. Also, I tried any combination of this or to hide the element without success.
- I tried changing the caret color to transparent, but iOS Safari does not apply the new caret color until a range selection happens.
Any other recommendations to fix this?