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

Merge pull request #3769 from primefaces/issue-3768 

Slider: Accessibility and focus updates on drag
pull/3774/merge
Tuğçe Küçükoğlu 2023-03-20 14:54:00 +03:00 committed by GitHub
parent d0e4120c1f eb1b742fdc
commit f14b464048
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/slider/Slider.spec.js
View File

@ -18,7 +18,7 @@ describe('Slider.vue', () => {
}); });
it('should drag start and end', async () => { it('should drag start and end', async () => {
await wrapper.vm.onDragStart({ preventDefault: () => {} }); await wrapper.vm.onDragStart({ preventDefault: () => {}, currentTarget: { focus: () => {} } });
expect(wrapper.find('.p-slider').classes()).toContain('p-slider-sliding'); expect(wrapper.find('.p-slider').classes()).toContain('p-slider-sliding');

13
components/slider/Slider.vue
View File

@ -155,25 +155,13 @@ export default {
if (newValue < this.min) newValue = this.min; if (newValue < this.min) newValue = this.min;
else if (newValue >= this.max) newValue = this.max; else if (newValue >= this.max) newValue = this.max;
if (newValue > modelValue[1]) {
modelValue[1] = newValue;
this.handleIndex = 1;
} else {
modelValue[0] = newValue; modelValue[0] = newValue;
}
} else { } else {
if (newValue > this.max) newValue = this.max; if (newValue > this.max) newValue = this.max;
else if (newValue <= this.min) newValue = this.min; else if (newValue <= this.min) newValue = this.min;
if (newValue < modelValue[0]) {
modelValue[0] = newValue;
this.handleIndex = 0;
} else {
modelValue[1] = newValue; modelValue[1] = newValue;
} }
}
} else { } else {
if (newValue < this.min) newValue = this.min; if (newValue < this.min) newValue = this.min;
else if (newValue > this.max) newValue = this.max; else if (newValue > this.max) newValue = this.max;
@ -199,6 +187,7 @@ export default {
this.handleIndex = index; this.handleIndex = index;
} }
event.currentTarget.focus();
event.preventDefault(); event.preventDefault();
}, },
onDrag(event) { onDrag(event) {