chore: 🤖 dialog must have aria-describedby for header

This commit is contained in:
Randall Morey committed 2020-10-16 10:21:30 -04:00
1 parent bcedd8d16d
commit 0a674480b8
2 files changed
+14 -1

No files matched your search

@@ -5,10 +5,15 @@
...attributes
role="dialog"
class="rose-dialog {{if @style (concat "rose-dialog-" @style)}} {{if @modal 'modal'}}"
id={{this.id}}
aria-describedby={{concat "dialog-header-" this.id}}
{{focus-trap}}
>
<header class="rose-dialog-header">
<header
class="rose-dialog-header"
id={{concat "dialog-header-" this.id}}
>
{{#if @icon}}
<Rose::Icon @name={{@icon}} @size="medium" />
@@ -1,8 +1,16 @@
import Component from '@glimmer/component';
import { generateComponentID } from '../../../utilities/component-auto-id';
import { action } from '@ember/object';
export default class RoseDialogComponent extends Component {
// =attributes
/**
* @type {string}
*/
id = generateComponentID();
// =methods
/**