javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(overlays): focus overlay when presented (#20997)

Browse Source 
fixes #19882, fixes #17126
This commit is contained in:
Liam DeBeasi
2020-04-28 16:43:00 -04:00
committed by GitHub
parent c54911f451
commit fc2be8d08b
10 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/components/action-sheet/action-sheet.tsx
View File

@@ -202,6 +202,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
<Host
role="dialog"
aria-modal="true"
tabindex="-1"
style={{
zIndex: `${20000 + this.overlayIndex}`,
}}

1
core/src/components/alert/alert.tsx
View File

@@ -467,6 +467,7 @@ export class Alert implements ComponentInterface, OverlayInterface {
<Host
role="dialog"
aria-modal="true"
tabindex="-1"
style={{
zIndex: `${20000 + overlayIndex}`,
}}

2
core/src/components/alert/test/basic/index.html
View File

@@ -14,7 +14,7 @@
import { alertController } from '../../../../dist/ionic/index.esm.js';
window.alertController = alertController;
</script>
<body>
<ion-app>

1
core/src/components/loading/loading.tsx
View File

@@ -184,6 +184,7 @@ export class Loading implements ComponentInterface, OverlayInterface {
return (
<Host
onIonBackdropTap={this.onBackdropTap}
tabindex="-1"
style={{
zIndex: `${40000 + this.overlayIndex}`
}}

1
core/src/components/modal/modal.tsx
View File

@@ -270,6 +270,7 @@ export class Modal implements ComponentInterface, OverlayInterface {
<Host
no-router
aria-modal="true"
tabindex="-1"
class={{
[mode]: true,
[`modal-card`]: this.presentingElement !== undefined && mode === 'ios',

1
core/src/components/picker/picker.tsx
View File

@@ -216,6 +216,7 @@ export class Picker implements ComponentInterface, OverlayInterface {
return (
<Host
aria-modal="true"
tabindex="-1"
class={{
[mode]: true,

1
core/src/components/popover/popover.tsx
View File

@@ -202,6 +202,7 @@ export class Popover implements ComponentInterface, OverlayInterface {
<Host
aria-modal="true"
no-router
tabindex="-1"
style={{
zIndex: `${20000 + this.overlayIndex}`,
}}

1
core/src/components/toast/toast.tsx
View File

@@ -272,6 +272,7 @@ export class Toast implements ComponentInterface, OverlayInterface {
...getClassMap(this.cssClass),
'toast-translucent': this.translucent
}}
tabindex="-1"
onIonToastWillDismiss={this.dispatchCancelHandler}
>
<div class={wrapperClass}>