From 54a1bdd53107c4c44d77b088b1bf2cfd886efa03 Mon Sep 17 00:00:00 2001
From: aarush130 <aarush.saxena@amdocs.com>
Date: Tue, 27 Jan 2026 18:12:19 +0530
Subject: [PATCH] feat: support all native div props on Scrollable - Fixes #25

---
 src/components/Scrollable/Scrollable.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Scrollable/Scrollable.jsx b/src/components/Scrollable/Scrollable.jsx
index dab6657..07e10c8 100644
--- a/src/components/Scrollable/Scrollable.jsx
+++ b/src/components/Scrollable/Scrollable.jsx
@@ -173,14 +173,15 @@ export default class Scrollable extends React.PureComponent {
     }
 
     render() {
-        const {children, style, element} = this.props;
+        // eslint-disable-next-line no-unused-vars
+        const {children, style, element, onScroll, onUpdate, scrollOnDOMChange, cssVarsOnTracks, className, ...rest} = this.props;
         const vsb = findChildByType(children, VerticalScrollbarPlaceholder);
         const hsb = findChildByType(children, HorizontalScrollbarPlaceholder);
         const content = React.Children.toArray(children).filter(child => ![VerticalScrollbarPlaceholder, HorizontalScrollbarPlaceholder].includes(child.type));
 
         return (
             <ResizeObserver onResize={this.updateScrollbars}>
-                <div className='scrollbar' style={style} onTransitionEnd={this.handleOnTransitionEnd}>
+                <div {...rest} className={classNames('scrollbar', className)} style={style} onTransitionEnd={this.handleOnTransitionEnd}>
                     {React.cloneElement(element, this.getElementProps(), content)}
                     <Context.Provider value={this.state}>
                         {vsb ? vsb.props.children : <VerticalScrollbar/>}