diff options
author | Laussel Loïc <loic.laussel@orange.com> | 2018-08-31 10:18:28 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2018-11-13 09:47:32 +0300 |
commit | 4cac833447c53ec7f140c26260ddf36d78ff298f (patch) | |
tree | 7c7b0631c775c79a39949c10d7d9d0bea5761219 /js/tests/visual/toast.html | |
parent | 2f81ab007cad06dd333a7431a3a653f812bbf246 (diff) |
Implement `data-dismiss="toast"` to allow user to interact itself with the component (#27155)
Diffstat (limited to 'js/tests/visual/toast.html')
-rw-r--r-- | js/tests/visual/toast.html | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/js/tests/visual/toast.html b/js/tests/visual/toast.html index 6897022c06..902194617b 100644 --- a/js/tests/visual/toast.html +++ b/js/tests/visual/toast.html @@ -26,22 +26,28 @@ </div> <div class="notifications"> - <div id="toastAutoHide" class="toast"> + <div id="toastAutoHide" class="toast" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> <img class="rounded mr-2" data-src="holder.js/20x20?size=1&text=.&bg=#007aff" alt=""> <strong class="mr-auto">Bootstrap</strong> <small>11 mins ago</small> + <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"> + <span aria-hidden="true">×</span> + </button> </div> <div class="toast-body"> Hello, world! This is a toast message with <strong>autohide</strong> in 2 seconds </div> </div> - <div class="toast" data-autohide="false"> + <div class="toast" data-autohide="false" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> <img class="rounded mr-2" data-src="holder.js/20x20?size=1&text=.&bg=#007aff" alt=""> <strong class="mr-auto">Bootstrap</strong> <small class="text-muted">2 seconds ago</small> + <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"> + <span aria-hidden="true">×</span> + </button> </div> <div class="toast-body"> Heads up, toasts will stack automatically |