Table selection is not prevented when long pressing to drag events in Safari

[Wolfram-Zell]

Reduced Test Case

https://fullcalendar.io/demos

Do you understand that if a reduced test case is not provided, we will intentionally delay triaging of your ticket?

• I understand

Which connector are you using (React/Angular/etc)?

React

Bug Description

If the calendar is touched/clicked body gets "user-select: none", this does not work on Safari and Safari for iOS.
One solution is to add

el.style.webkitUserSelect = 'none'

to function preventSelection(el: HTMLElement) in /packages/core/src/util/misc.ts

[acerix]

I'm not sure what the issue is, what is the expected/actual behaviour when selecting an event (as visible to the user)?

[Wolfram-Zell]

On iOS the table will be selected on longer tap, on any Android/LInux/Windows device this is not the case, because while a mouse button is pressed, or the screen is touched body gets user-select: none. Safari on iOS and MacOS does not support user-select and needs the prefix. See Can I use: https://caniuse.com/?search=user-select

[SlavaGeorgiev]

@acerix please see #7442 as PR which fixes the issue.

[arshaw]

Merged and fixed in v6.1.9. Thanks for the PR! Can you please verify?

[SlavaGeorgiev]

Sure will do, planing a task for next sprint.