feat: expose scrollElement into sheetRef

Author: Guiw5

src/BottomSheet.tsx

@@ -415,12 +415,14 @@ export const BottomSheet = React.forwardRef<
       send('CLOSE')
     }
   }, [_open, send, ready])
+
   useLayoutEffect(() => {
     // Adjust the height whenever the snap points are changed due to resize events
     if (maxHeight || maxSnap || minSnap) {
       send('RESIZE')
     }
   }, [maxHeight, maxSnap, minSnap, send])
+
   useEffect(
     () => () => {
       // Ensure effects are cleaned up on unmount, in case they're not cleaned up otherwise
@@ -446,6 +448,9 @@ export const BottomSheet = React.forwardRef<
       get height() {
         return heightRef.current
       },
+      get scrollElement() {
+        return scrollRef.current
+      },
     }),
     [send]
   )
@@ -670,6 +675,7 @@ export const BottomSheet = React.forwardRef<
           </div>
         )}
         <div
+          id="scroll"
           key="scroll"
           data-rsbs-scroll
           ref={scrollRef}

src/types.ts

@@ -176,4 +176,6 @@ export interface RefHandles {
    * It's update lifecycle with events are onSpringStart and onSpringCancel will give you the old value, while onSpringEnd will give you the current one.
    */
   height: number
+
+  scrollElement: HTMLDivElement
 }