ng-slider | A light slider with no external dependencies | Carousel library

I recently started on a new project that requires me to plot lat and long data on a map. I've managed to plot everything out so far, but I've gotten stuck at creating the callback function for the Range Slider I'm using to control which data to plot.

My current code uses this response here by Amstrad2Python as its base. Running the code that Amstrad2Python provided gave me no errors. However, when I try to run the code, it gives me the error "Cannot read property 'emit' of undefined" when I check the console output in the html plot.

Here is sample code that is similar to the actual code I am using, which creates the exact same error:

I have a container that has 8 elements. I would like to make the 8 elements side by side and pan across the screen when you scroll or drag with touch. I'm not sure what I'm doing wrong because if you reversed the overflow it works fine vertically.

Here my code: https://codesandbox.io/s/panning-slider-zdpmh

I have a working script that adds padding to table cells based on the value of a user-configurable slider. The slider value goes from 15 to 30.

I have a custom range slider.

The issue I'm running into, however, is that I can't manage to make the sliding of the custom “thumb” (in this case ) work on touch devices.

Here's the project live: https://wagon-city-guides.herokuapp.com/spots/32

If you check it on your mobile (I use an iPhone), you'll still see the border of the original thumb (I left it on purpose for now), which slides and works, but the flame (the custom thumb) doesn’t come along … while it works fine for click devices.

I'm looking for a Vanilla JS solution only.

Here's my code:

I noticed that the offsetWidth of this.ratingSliderInput = document.querySelector(".js-rating-slider-input") changes randomly.

It goes from the real width to switching to 129 (no idea where that value is coming from).

This affects setting the position of this.ratingSliderThumb negatively.

Why does offsetWidth change to 129 randomly?

JavaScript:

I have been trying to get information from this website https://www.leadhome.co.za/property/poortview-ah/roodepoort/lh-95810/magnificent-masterpiece-in-poortview- and I am having issues with getting all the images of the property; more specifically the URL

this is how the class looks like:

In my project I am using .net core 2.2 for backend and angular 8 for front end. Scenario is I have some integer values in backend with some range. For ex: