vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #406 - Refactor selectbutton focus visuals

pull/411/head
cagataycivici 2020-07-23 11:18:34 +03:00
parent fc51327148
commit 4a2493d30c
1 changed files with 1 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/selectbutton/SelectButton.vue
View File

@ -27,11 +27,6 @@ export default {
dataKey: null, dataKey: null,
ariaLabelledBy: null ariaLabelledBy: null
}, },
data() {
return {
focusedIndex: null
};
},
methods: { methods: {
getOptionLabel(option) { getOptionLabel(option) {
return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option; return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option;
@ -87,18 +82,15 @@ export default {
return selected; return selected;
}, },
onFocus(event, index) { onFocus(event, index) {
this.focusedIndex = index;
this.$emit('focus', event); this.$emit('focus', event);
}, },
onBlur(event) { onBlur(event) {
this.focusedIndex = null
this.$emit('blur', event); this.$emit('blur', event);
}, },
getButtonClass(option, i) { getButtonClass(option, i) {
return ['p-button p-component', { return ['p-button p-component', {
'p-highlight': this.isSelected(option), 'p-highlight': this.isSelected(option),
'p-disabled': this.isOptionDisabled(option), 'p-disabled': this.isOptionDisabled(option)
'p-focus': (i === this.focusedIndex)
}]; }];
} }
}, },