github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

fix: fixed losing focus when drag slider button fast or right click slider button. (#1723)

pull/1738/head
zheng yu 2016-12-13 23:12:43 +08:00 committed by cinwell.li
parent 22b703739d
commit 0ee61e7296
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/slider/src/main.vue
View File

@ -200,6 +200,7 @@
this.setPosition(this.newPos); this.setPosition(this.newPos);
window.removeEventListener('mousemove', this.onDragging); window.removeEventListener('mousemove', this.onDragging);
window.removeEventListener('mouseup', this.onDragEnd); window.removeEventListener('mouseup', this.onDragEnd);
window.removeEventListener('contextmenu', this.onDragEnd);
} }
}, },
@ -208,6 +209,7 @@
this.onDragStart(event); this.onDragStart(event);
window.addEventListener('mousemove', this.onDragging); window.addEventListener('mousemove', this.onDragging);
window.addEventListener('mouseup', this.onDragEnd); window.addEventListener('mouseup', this.onDragEnd);
window.addEventListener('contextmenu', this.onDragEnd);
} }
}, },

4
packages/theme-default/src/slider.css
View File

@ -20,7 +20,7 @@
margin-right: 160px; margin-right: 160px;
width: auto; width: auto;
} }
&.disabled { &.disabled {
cursor: default; cursor: default;
@ -79,6 +79,7 @@
transform: translateX(-50%); transform: translateX(-50%);
background-color: transparent; background-color: transparent;
text-align: center; text-align: center;
user-select: none;
.el-tooltip { .el-tooltip {
line-height: 1; line-height: 1;
@ -113,6 +114,7 @@
background-color: var(--slider-main-background-color); background-color: var(--slider-main-background-color);
border-radius: 50%; border-radius: 50%;
transition: .2s; transition: .2s;
user-select: none;
&:hover, &:hover,
&.hover, &.hover,