gaiety/sortable-recipes
1
0
Fork 0
Code Activity

Maintain focus for inner-elements in a11y component

Browse source
This commit is contained in:
Ava Wroten 2020-03-04 09:05:09 -06:00
parent 1d4d17eb94
commit acebd434c1
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ember-ui/app/components/sortable-group-accessible.js
View file

@ -10,7 +10,9 @@ export default class SortableGroupAccessibleComponent extends Component {
handleFocus() { this.groupHasFocus = true; } handleFocus() { this.groupHasFocus = true; }
@action @action
handleBlur() { this.groupHasFocus = false; } handleBlur({ target, relatedTarget }) {
if (!target.contains(relatedTarget)) this.groupHasFocus = false;
}
@action @action
handleArrowUp() { handleArrowUp() {

2
ember-ui/app/components/sortable-item-accessible.hbs
View file

@ -1,6 +1,6 @@
<div <div
class='relative border border-gray-400 class='relative border border-gray-400
{{if (and @groupHasFocus (eq @currentIndex @selectedIndex)) 'border-orange-400'}}'> {{if (and @groupHasFocus (eq @currentIndex @selectedIndex)) 'border-orange-400'}}'>
{{#if (and @groupHasFocus (eq @currentIndex @selectedIndex))}} {{#if (and @groupHasFocus (eq @currentIndex @selectedIndex))}}
<button <button
role="button" role="button"