fix: disable cancelSyntheticClickEvents globally

[vursen]

Description

The PR disables the cancelSyntheticClickEvents Polymer setting through ElementMixin.

This setting determines whether the legacy Polymer gestures module should globally listen for click events on the page and cancel them if they are considered synthetic. Normally, the legacy gestures module is not supposed to be imported anywhere in the web components and component-base/src/gestures.js should be used instead which doesn't have that logic. However, if you import an iron component e.g. iron-icon or iron-list, it will implicitly cause the legacy gestures module to import.

This setting has to be disabled because otherwise, it affects vaadin-button components, preventing them from triggering actions on click. It occurs when (a) both a button and an iron component are used on the same page (b) iOS VoiceOver is used as a screen assistant.

Since the canceling synthetic clicks logic was introduced mainly for old browsers, it is no longer reasonable to keep it enabled.

Fixes #3364 #3367

Type of change

• Bugfix

Checklist

• I have read the contribution guide: https://vaadin.com/docs-beta/latest/guide/contributing/overview/
• I have added a description following the guideline.
• The issue is created in the corresponding repository and I have referenced it.
• I have added tests to ensure my change is effective and works as intended.
• New and existing tests are passing locally with my change.
• I have performed self-review and corrected misspellings.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[vaadin-bot]

This ticket/PR has been released with Vaadin 23.0.1.