diff --git a/src/ts/components/buttons/Button.ts b/src/ts/components/buttons/Button.ts index 6c32a6eb6..86316962b 100644 --- a/src/ts/components/buttons/Button.ts +++ b/src/ts/components/buttons/Button.ts @@ -71,7 +71,8 @@ export class Button extends Component { }).html(i18n.performLocalization(this.config.text))); // Listen for the click event on the button element and trigger the corresponding event on the button component - buttonElement.on('click', (e) => { + buttonElement.on('click touchend', (e) => { + e.preventDefault(); e.stopPropagation(); this.onClickEvent(); }); diff --git a/src/ts/components/settings/DynamicSettingsPanelItem.ts b/src/ts/components/settings/DynamicSettingsPanelItem.ts index 035b15658..b6ac54896 100644 --- a/src/ts/components/settings/DynamicSettingsPanelItem.ts +++ b/src/ts/components/settings/DynamicSettingsPanelItem.ts @@ -102,7 +102,8 @@ export class DynamicSettingsPanelItem extends SettingsPanelItem { this.displayItemsSubPage(); }; - this.getDomElement().on('click', (e) => { + this.getDomElement().on('click touchend', (e) => { + e.preventDefault(); e.stopPropagation(); handleItemClick(); }); diff --git a/src/ts/components/settings/SettingsPanelSelectOption.ts b/src/ts/components/settings/SettingsPanelSelectOption.ts index bb92abefe..042b5dbad 100644 --- a/src/ts/components/settings/SettingsPanelSelectOption.ts +++ b/src/ts/components/settings/SettingsPanelSelectOption.ts @@ -57,7 +57,11 @@ export class SettingsPanelSelectOption extends SettingsPanelItem { this.settingComponent.selectItem(this.settingsValue); }; - this.getDomElement().on('click', () => handleItemClick()); + this.getDomElement().on('click touchend', (e) => { + e.preventDefault(); + e.stopPropagation(); + handleItemClick(); + }); // Initial state handleSelectedOptionChanged();