Skip to content

Commit 7ba6b9d

Browse files
committed
fix(datetime): disabled focus trap to prevent issues with focus management.
1 parent 56b8b1d commit 7ba6b9d

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
@@ -5,6 +5,7 @@ import { Component, Element, Event, Host, Method, Prop, State, Watch, h, writeTa
55
import { startFocusVisible } from '@utils/focus-visible';
66
import { getElementRoot, raf, renderHiddenInput } from '@utils/helpers';
77
import { printIonError, printIonWarning } from '@utils/logging';
8+
import { FOCUS_TRAP_DISABLE_CLASS } from '@utils/overlays';
89
import { isRTL } from '@utils/rtl';
910
import { createColorClasses } from '@utils/theme';
1011
import { caretDownSharp, caretUpSharp, chevronBack, chevronDown, chevronForward } from 'ionicons/icons';
@@ -1606,7 +1607,7 @@ export class Datetime implements ComponentInterface {
16061607
forcePresentation === 'time-date'
16071608
? [this.renderTimePickerColumns(forcePresentation), this.renderDatePickerColumns(forcePresentation)]
16081609
: [this.renderDatePickerColumns(forcePresentation), this.renderTimePickerColumns(forcePresentation)];
1609-
return <ion-picker>{renderArray}</ion-picker>;
1610+
return <ion-picker class={FOCUS_TRAP_DISABLE_CLASS}>{renderArray}</ion-picker>;
16101611
}
16111612

16121613
private renderDatePickerColumns(forcePresentation: string) {

0 commit comments

Comments
 (0)