joshpatra/videospeed
1
0
Fork 0
mirror of https://github.com/SoPat712/videospeed.git synced 2025-08-22 02:18:45 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix and simplify drag position calculation

Browse Source
This commit is contained in:
Ilya Grigorik
2016-12-04 11:52:45 -08:00
parent db314ef520
commit e8f9a1813b
1 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
inject.js
View File

@@ -193,7 +193,7 @@ chrome.extension.sendMessage({}, function(response) {
// Ignore keydown event if typing in an input box // Ignore keydown event if typing in an input box
if ((document.activeElement.nodeName === 'INPUT' if ((document.activeElement.nodeName === 'INPUT'
&& document.activeElement.getAttribute('type') === 'text') && document.activeElement.getAttribute('type') === 'text')
|| document.activeElement.nodeName === 'TEXTAREA' || document.activeElement.nodeName === 'TEXTAREA'
|| document.activeElement.isContentEditable) { || document.activeElement.isContentEditable) {
return false; return false;
} }
@@ -311,21 +311,15 @@ chrome.extension.sendMessage({}, function(response) {
function handleDrag(video, controller) { function handleDrag(video, controller) {
const parentElement = controller.parentElement, const parentElement = controller.parentElement,
boundRect = parentElement.getBoundingClientRect(), shadowController = controller.shadowRoot.querySelector('#controller');
shadowController = controller.shadowRoot.querySelector('#controller'),
drag = shadowController.querySelector('.draggable'),
offsetLeft = boundRect.left + drag.offsetLeft + drag.offsetWidth,
offsetTop = boundRect.top + drag.offsetTop + drag.offsetHeight;
video.classList.add('vcs-dragging'); video.classList.add('vcs-dragging');
shadowController.classList.add('dragging'); shadowController.classList.add('dragging');
const startDragging = (e) => { const startDragging = (e) => {
let newLeft = Math.max(0, e.clientX - offsetLeft); let style = shadowController.style;
let newTop = Math.max(0, e.clientY - offsetTop); style.left = parseInt(style.left) + e.movementX + 'px';
style.top = parseInt(style.top) + e.movementY + 'px';
shadowController.style.left = newLeft + 'px';
shadowController.style.top = newTop + 'px';
} }
const stopDragging = () => { const stopDragging = () => {