blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Stepper): should not emit focus when input is readonly

Browse Source
This commit is contained in:
chenjiahan 2020-05-09 10:12:34 +08:00
parent 7327a481d1
commit c6024b18b4
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/stepper/index.js
View File

@ -209,11 +209,11 @@ export default createComponent({
}, },
onFocus(event) { onFocus(event) {
this.$emit('focus', event);
// readonly not work in lagacy mobile safari // readonly not work in lagacy mobile safari
if (this.disableInput && this.$refs.input) { if (this.disableInput && this.$refs.input) {
this.$refs.input.blur(); this.$refs.input.blur();
} else {
this.$emit('focus', event);
} }
}, },

15
src/stepper/test/index.spec.js
View File

@ -173,14 +173,19 @@ test('input invalid value and blur', () => {
}); });
test('stepper focus', () => { test('stepper focus', () => {
const wrapper = mount(Stepper); const wrapper = mount(Stepper, {
propsData: {
disableInput: true,
},
});
const input = wrapper.find('input'); const input = wrapper.find('input');
input.trigger('focus');
expect(wrapper.emitted('focus')).toBeFalsy();
wrapper.setProps({ disableInput: false });
input.trigger('focus'); input.trigger('focus');
expect(wrapper.emitted('focus')).toBeTruthy(); expect(wrapper.emitted('focus')).toBeTruthy();
wrapper.setProps({ disableInput: true });
input.trigger('focus');
expect(wrapper.emitted('blur')).toBeTruthy();
}); });
test('stepper blur', () => { test('stepper blur', () => {