Fixes for dynamic modal a11y (#2116)
* Add modal-dismiss, remove tabindex from modals * Remove modal-dismiss styles * Update jslib * remove cdkTrapFocus etc
This commit is contained in:
parent
ce2e6c3cb4
commit
5f9541b1cf
2
jslib
2
jslib
|
@ -1 +1 @@
|
||||||
Subproject commit f09fb69882525b3be7b2e257e7723eeb79b343d1
|
Subproject commit 24fe836032354d4ec39435776e54dd0995e1b389
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true">
|
<div class="modal fade" role="dialog" aria-modal="true">
|
||||||
<div class="modal-dialog modal-dialog-scrollable" role="document">
|
<div class="modal-dialog modal-dialog-scrollable" role="document">
|
||||||
<form class="modal-content" #form (ngSubmit)="submit()">
|
<form class="modal-content" #form (ngSubmit)="submit()">
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" cdkTrapFocus cdkTrapFocusAutoCapture>
|
<div class="modal fade" role="dialog" aria-modal="true">
|
||||||
<div class="modal-dialog modal-dialog-scrollable" role="document">
|
<div class="modal-dialog modal-dialog-scrollable" role="document">
|
||||||
<form class="modal-content" #form (ngSubmit)="submit()">
|
<form class="modal-content" #form (ngSubmit)="submit()">
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
|
@ -11,7 +11,7 @@
|
||||||
<div class="row-main">
|
<div class="row-main">
|
||||||
<label for="pin">{{'pin' | i18n}}</label>
|
<label for="pin">{{'pin' | i18n}}</label>
|
||||||
<input id="pin" type="{{showPin ? 'text' : 'password'}}" name="Pin"
|
<input id="pin" type="{{showPin ? 'text' : 'password'}}" name="Pin"
|
||||||
class="monospaced" [(ngModel)]="pin" required appInputVerbatim cdkFocusInitial>
|
class="monospaced" [(ngModel)]="pin" required appInputVerbatim>
|
||||||
</div>
|
</div>
|
||||||
<div class="action-buttons">
|
<div class="action-buttons">
|
||||||
<button type="button" class="row-btn" appStopClick appBlurClick appA11yTitle="{{'toggleVisibility' | i18n}}"
|
<button type="button" class="row-btn" appStopClick appBlurClick appA11yTitle="{{'toggleVisibility' | i18n}}"
|
||||||
|
|
Loading…
Reference in New Issue