Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-08-02 06:52:19 +00:00
Code Issues Projects Releases Wiki Activity

[Modern] Fix handle position while sliding sliders

Browse source
This commit is contained in:
Jordan Eldredge 2021-09-10 17:47:22 -07:00
parent f4ca71cd8d
commit 497550a2fb
1 changed files with 10 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

22
packages/webamp-modern-2/src/skin/makiClasses/Slider.ts
View file

@ -23,24 +23,22 @@ export default class Slider extends GuiObj {
super();
this._thumbDiv.addEventListener("mousedown", (downEvent: MouseEvent) => {
const rect = this._div.getBoundingClientRect();
const startX = rect.x;
const startY = rect.y;
const width = this.getwidth();
const height = this.getheight();
const bitmap = UI_ROOT.getBitmap(this._thumb);
const startX = downEvent.clientX;
const startY = downEvent.clientY;
const width = this.getwidth() - bitmap.getWidth();
const height = this.getheight() - bitmap.getHeight();
const initialPostition = this._position;
const handleMove = (moveEvent: MouseEvent) => {
const newMouseX = moveEvent.clientX;
const newMouseY = moveEvent.clientY;
const deltaX = newMouseX - startX;
const deltaY = newMouseY - startY;
const deltaX = newMouseX - startX;
if (this._vertical) {
const yPos = clamp(deltaY, 0, height);
this._position = yPos / height;
} else {
const xPos = clamp(deltaX, 0, width);
this._position = xPos / width;
}
const deltaPercent = this._vertical ? deltaY / height : deltaX / width;
this._position = clamp(initialPostition + deltaPercent, 0, 1);
this._renderThumbPosition();
this.onsetposition(this.getposition());
};