IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: fix dragging in horizontal overflow component (#20018)

Browse Source
This commit is contained in:
Kris
2023-02-06 09:51:41 -05:00
committed by GitHub
parent 95999c80ce
commit 156e04515f
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/javascripts/discourse/app/components/horizontal-overflow-nav.js
View File

@@ -78,19 +78,20 @@ export default class HorizontalOverflowNav extends Component {
const mouseDragScroll = function (e) {
let mouseChange = e.clientX - position.x;
navPills.scrollLeft = position.left - mouseChange;
navPills.querySelectorAll("a").forEach((a) => {
a.style.cursor = "grabbing";
});
};
navPills.querySelectorAll("a").forEach((a) => {
a.style.cursor = "grabbing";
});
const removeDragScroll = function () {
document.removeEventListener("mousemove", mouseDragScroll);
navPills.querySelectorAll("a").forEach((a) => {
a.style.cursor = "pointer";
});
};
document.addEventListener("mousemove", mouseDragScroll, { once: true });
document.addEventListener("mousemove", mouseDragScroll);
document.addEventListener("mouseup", removeDragScroll, { once: true });
}