fix(kit): strange behavior in Safari when working with tiles

[reverie3]

Fixes #9915

[lumberjack-bot]

Pull request was closed ✔️

All saved screenshots (for current PR) were deleted 🗑️

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 1 line in your changes missing coverage. Please review.

Project coverage is 75.26%. Comparing base (4a26b1a) to head (861a318).
Report is 782 commits behind head on main.

Files with missing lines	Patch %	Lines
...ects/kit/components/tiles/tile-handle.directive.ts	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #9952      +/-   ##
==========================================
- Coverage   75.68%   75.26%   -0.43%     
==========================================
  Files        1216     1249      +33     
  Lines       19068    19607     +539     
  Branches     2091     2085       -6     
==========================================
+ Hits        14432    14757     +325     
- Misses       4592     4805     +213     
- Partials       44       45       +1     

Flag	Coverage Δ
summary	75.26% <0.00%> (-0.43%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[bundlemon]

BundleMon

Files updated (1)

Status	Path	Size	Limits
✅	demo/browser/main.(hash).js	303.95KB (+11B 0%)	+10%

Unchanged files (4)

Status	Path	Size	Limits
✅	demo/browser/vendor.(hash).js	260.19KB	+10%
✅	demo/browser/runtime.(hash).js	43.93KB	+10%
✅	demo/browser/styles.(hash).css	19.63KB	+10%
✅	demo/browser/polyfills.(hash).js	11.18KB	+10%

Total files change +11B 0%

Groups updated (1)

Status	Path	Size	Limits
✅	demo/browser/*..js	7.38MB (+11B 0%)	-

Final result: ✅

View report in BundleMon website ➡️

---

Current branch size history | Target branch size history

[reverie3]

user-select: none does the trick as well, but Safari shows the text selection cursor. With preventDefault the cursor is consistent across all browsers.

[splincode]

@reverie3 could you add cherry-pick to v3.x branch?

[reverie3]

@reverie3 could you add cherry-pick to v3.x branch?

#9956