javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-17 18:54:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(datetime): swiping wheel no longer dismisses card modal (#25981)

Browse Source
This commit is contained in:
Liam DeBeasi
2022-09-21 14:28:35 -05:00
committed by GitHub
parent 21dc893f90
commit 7543c84445
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
core/src/components/picker-internal/picker-internal.tsx
View File

@ -1,5 +1,5 @@
import type { ComponentInterface, EventEmitter } from '@stencil/core';
import { Component, Element, Event, Host, h } from '@stencil/core';
import { Component, Element, Event, Listen, Host, h } from '@stencil/core';
import { getElementRoot } from '../../utils/helpers';
@ -30,6 +30,19 @@ export class PickerInternal implements ComponentInterface {
@Event() ionInputModeChange!: EventEmitter<PickerInternalChangeEventDetail>;
/**
* When the picker is interacted with
* we need to prevent touchstart so other
* gestures do not fire. For example,
* scrolling on the wheel picker
* in ion-datetime should not cause
* a card modal to swipe to close.
*/
@Listen('touchstart')
preventTouchStartPropagation(ev: TouchEvent) {
ev.stopPropagation();
}
componentWillLoad() {
getElementRoot(this.el).addEventListener('focusin', this.onFocusIn);
getElementRoot(this.el).addEventListener('focusout', this.onFocusOut);