I am encountering an issue with my nested list Items that are draggable and droppable. When I reach the bottom of the page, I want it to automatically scroll down. Take a look at the screenshot below:
https://i.sstatic.net/ADI2f.png
As shown in the image, there are more items at the bottom but the scrolling is not happening.
Here is the code snippet:
import React, { useState, useEffect, useRef } from "react";
import "../list3.css";
const List5 = () => {
// Code here
};
// Other functions and components
export default List5;
I have attempted adding CSS properties like `overflow` to the main div. Here is the CSS file:
/* CSS styles */
// Styles here
Your help on this matter is greatly appreciated.
Thank you for your assistance.