не понятно почему нельзя на нотбуке/компьютере/планшете перетаскивать блок ззаключённый менжду зклёными линиями когдаон выходит за них
сайт и js код

перефразируйте

нужно что бы можно было то что находиться внутри двух зелёных линий можно было двигать в лево и право

ball is null

var ball = document.getElementById('header__menu li');

знач тут ошибка

жс не может найти этот балл

вообще я брал код от сюда
https://learn.javascript.ru/drag-and-drop

у тебя поиск по ид а ты в него пихаешь класс да еще и с li

можно вообще сделать вот это ball.onmousedown = function(event) { // (1) отследить нажатие

 // (2) подготовить к перемещению:
 // разместить поверх остального содержимого и в абсолютных координатах
 ball.style.position = 'absolute';
 ball.style.zIndex = 1000;
 // переместим в body, чтобы мяч был точно не внутри position:relative
 document.body.append(ball);
 // и установим абсолютно спозиционированный мяч под курсор

 moveAt(event.pageX, event.pageY);

 // передвинуть мяч под координаты курсора
 // и сдвинуть на половину ширины/высоты для центрирования
 function moveAt(pageX, pageY) {
   ball.style.left = pageX - ball.offsetWidth / 2 + 'px';
   ball.style.top = pageY - ball.offsetHeight / 2 + 'px';
 }

 function onMouseMove(event) {
   moveAt(event.pageX, event.pageY);
 }

 // (3) перемещать по экрану
 document.addEventListener('mousemove', onMouseMove);

 // (4) положить мяч, удалить более ненужные обработчики событий
 ball.onmouseup = function() {
   document.removeEventListener('mousemove', onMouseMove);
   ball.onmouseup = null;
 };

};

Ахах, +++

Я пока что пользовался только parcel сборщиком, вроде и удобно, но если несколько раз ошибку в коде пытаешься фиксить, деплой крашится и приходится по новой прописывать в терминал npm run dev

Оч удобно, хахахаз

почему когда скролл уходит за экран то не возможно им пользоваться?

Ну с размерами блока что-то сделал

ну это и понятно

ну я хотел что бы скролл распологался между 2 зелёными полосками

клик - а вот тут работает

Ну нужно чтобы между полосками был отдельный блок

И задать ему overflow-x: scroll