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

fix(inputs): keyboard focus improvements (#16838)

Browse Source 
fixes #16815
fixes #16872
fixes #13978
fixes #16610
This commit is contained in:
Manu MA
2019-01-11 19:36:02 +01:00
committed by GitHub
parent 275d385c17
commit 6364e4e2a1
38 changed files with 263 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -309,7 +309,7 @@ export class Alert implements ComponentInterface, OverlayInterface {
disabled={i.disabled}
tabIndex={0}
role="checkbox"
class="alert-tappable alert-checkbox alert-checkbox-button"
class="alert-tappable alert-checkbox alert-checkbox-button ion-focusable"
>
<div class="alert-button-inner">
<div class="alert-checkbox-icon">
@ -341,7 +341,7 @@ export class Alert implements ComponentInterface, OverlayInterface {
disabled={i.disabled}
id={i.id}
tabIndex={0}
class="alert-radio-button alert-tappable alert-radio"
class="alert-radio-button alert-tappable alert-radio ion-focusable"
role="radio"
>
<div class="alert-button-inner">
@ -385,7 +385,8 @@ export class Alert implements ComponentInterface, OverlayInterface {
hostData() {
return {
role: 'alertdialog',
'role': 'dialog',
'aria-modal': 'true',
style: {
zIndex: 20000 + this.overlayIndex,
},
@ -451,6 +452,7 @@ export class Alert implements ComponentInterface, OverlayInterface {
function buttonClass(button: AlertButton): CssClassMap {
return {
'alert-button': true,
'ion-focusable': true,
'ion-activatable': true,
...getClassMap(button.cssClass)
};