javascript.js

function gradioCustomJS() {
	console.log("gradioCustomJS Started")
  
    //component-15
    const tabNav = document.querySelector("#component-153 > div.tab-nav.svelte-1uw5tnk")
    //const tabNav = document.querySelector('.tab-nav')
    tabNav.addEventListener("wheel", (event) => {
    	event.preventDefault()
    	const scrollLeft = tabNav.scrollLeft + event.deltaY
    	tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
    })
    
    tabNav.addEventListener("mouseover", () => {
    	tabNav.addEventListener("wheel", (event) => {
    		event.preventDefault()
    		const scrollLeft = tabNav.scrollLeft + event.deltaY
    		tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
    	})
    })
    
    tabNav.addEventListener("mouseout", () => {
    	tabNav.removeEventListener("wheel", (event) => {
    		event.preventDefault()
    		const scrollLeft = tabNav.scrollLeft + event.deltaY
    		tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
    	})
    })
  	return "Custom Gradio JS"
}