bug(drag-drop): Safari selects text on drag

[philmtd]

What is the expected behavior?

Safari (or any browser) should not select text when starting to drag an item.

What is the current behavior?

When starting to drag an item in a drop list, Safari selects the text that is near to the dragged item.

What are the steps to reproduce?

Stackblitz: https://stackblitz.com/edit/angular-material2-issue-b6tvka
Switch the versions of cdk and material to 7.1.0 to see the previous and correct behaviour.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

• Safari 12.0.1 (but probably not only this version)
• CDK & Material 7.1.1

Is there anything else we should know?

I tried it with Chrome and Firefox on macOS and the bug did not appear there, so it is probably exclusive to Safari. This bug was introduced in the 7.1.1 release. Downgrading to 7.1.0 fixes this behaviour. This can easily be verified using the stackblitz example from above.

[crisbeto]

This is most likely due to 1c74b03. We had to remove our previous workaround for Safari, because it had a lot of performance implications on pages with a lot of elements.

[philmtd]

I also suspected that. Thanks for fixing it so fast :)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}