Skip to content

Commit f2e4065

Browse files
committed
fix(datetime): disabled focus trap to prevent issues with focus management.
1 parent 77f60f2 commit f2e4065

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

core/src/components/datetime/datetime.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import { Component, Element, Event, Host, Method, Prop, State, Watch, h, writeTa
33
import { startFocusVisible } from '@utils/focus-visible';
44
import { getElementRoot, raf, renderHiddenInput } from '@utils/helpers';
55
import { printIonError, printIonWarning } from '@utils/logging';
6+
import { FOCUS_TRAP_DISABLE_CLASS } from '@utils/overlays';
67
import { isRTL } from '@utils/rtl';
78
import { createColorClasses } from '@utils/theme';
89
import { caretDownSharp, caretUpSharp, chevronBack, chevronDown, chevronForward } from 'ionicons/icons';
@@ -1598,7 +1599,7 @@ export class Datetime implements ComponentInterface {
15981599
forcePresentation === 'time-date'
15991600
? [this.renderTimePickerColumns(forcePresentation), this.renderDatePickerColumns(forcePresentation)]
16001601
: [this.renderDatePickerColumns(forcePresentation), this.renderTimePickerColumns(forcePresentation)];
1601-
return <ion-picker>{renderArray}</ion-picker>;
1602+
return <ion-picker class={FOCUS_TRAP_DISABLE_CLASS}>{renderArray}</ion-picker>;
16021603
}
16031604

16041605
private renderDatePickerColumns(forcePresentation: string) {

0 commit comments

Comments
 (0)