javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 10:01:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(toggle): add iOS 18 haptic feedback (#29945)

Browse Source 
Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
Co-authored-by: Shane <shane@shanessite.net>
This commit is contained in:
Jakub Jedlikowski
2025-04-04 22:53:01 +02:00
committed by GitHub
parent 91477cfe23
commit 796e00720e
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/toggle/toggle.tsx
View File

@ -3,6 +3,7 @@ import { Component, Element, Event, Host, Prop, State, Watch, h } from '@stencil
import { renderHiddenInput, inheritAriaAttributes } from '@utils/helpers'; import { renderHiddenInput, inheritAriaAttributes } from '@utils/helpers';
import type { Attributes } from '@utils/helpers'; import type { Attributes } from '@utils/helpers';
import { hapticSelection } from '@utils/native/haptic'; import { hapticSelection } from '@utils/native/haptic';
import { isPlatform } from '@utils/platform';
import { isRTL } from '@utils/rtl'; import { isRTL } from '@utils/rtl';
import { createColorClasses, hostContext } from '@utils/theme'; import { createColorClasses, hostContext } from '@utils/theme';
import { checkmarkOutline, removeOutline, ellipseOutline } from 'ionicons/icons'; import { checkmarkOutline, removeOutline, ellipseOutline } from 'ionicons/icons';
@ -247,6 +248,13 @@ export class Toggle implements ComponentInterface {
} }
private onClick = (ev: MouseEvent) => { private onClick = (ev: MouseEvent) => {
/**
* The haptics for the toggle on tap is
* an iOS-only feature. As such, it should
* only trigger on iOS.
*/
const enableHaptics = isPlatform('ios');
if (this.disabled) { if (this.disabled) {
return; return;
} }
@ -255,6 +263,7 @@ export class Toggle implements ComponentInterface {
if (this.lastDrag + 300 < Date.now()) { if (this.lastDrag + 300 < Date.now()) {
this.toggleChecked(); this.toggleChecked();
enableHaptics && hapticSelection();
} }
}; };