Prevent i beam on safari if userSelect is none #2381
Conversation
|
As stated in my PR here #2359 Consider this example: <!DOCTYPE html>
<html>
<body>
<div id="a" style="user-select: none">
<span>text inside a</span>
<div id="b" style="user-select: text">
<span>text inside b</span>
</div>
</div>
</body>
</html>
Now if execute this code:
|
|
@s77rt same situation will also happen with disableSelection as we cannot override inner view to perform text selection. Can you plz provide an example with Panhandler where userSelect: 'none' will not work but disableSelection will work |
|
@jatinsonijs Yes, same thing with |
|
@jatinsonijs Sorry, I have updated the example, using |
Description
Safari use I-Beam cursor on drag on most of the elements, exclude some native element like button, anchor tag etc...
We are using gesture on div that's way safari show I-Beam cursor on drag.
We already have userSelect prop which we can use to prevent text select. This PR extending the use of userSelect prop, if userSelect is none prevent safari default behaviour to show I-Beam cursor on drag.
As indicate in Safari webkit source code:
https://github.com/WebKit/WebKit/blob/3c53378a77e57141a3b53f344e4bc1c14f7cef39/Source/WebCore/page/EventHandler.cpp#L1553