web component rlt fix id in scrollbar
This commit is contained in:
parent
beb232dc92
commit
b34f10ddff
@ -2,20 +2,22 @@ import React from "react";
|
||||
import StyledScrollbar from "./styled-customScrollbar";
|
||||
import { useTheme } from "styled-components";
|
||||
|
||||
const CustomScrollbars = React.forwardRef(({ className, ...props }, ref) => {
|
||||
const theme = useTheme();
|
||||
return (
|
||||
<StyledScrollbar className={className} {...props}>
|
||||
<div
|
||||
className={`container scroll-body ${props.scrollclass}`}
|
||||
{...props}
|
||||
style={{ overflow: "scroll", direction: theme.interfaceDirection }}
|
||||
ref={ref}
|
||||
>
|
||||
{props.children}
|
||||
</div>
|
||||
</StyledScrollbar>
|
||||
);
|
||||
});
|
||||
const CustomScrollbars = React.forwardRef(
|
||||
({ className, id, ...props }, ref) => {
|
||||
const theme = useTheme();
|
||||
return (
|
||||
<StyledScrollbar className={className} {...props} id={id}>
|
||||
<div
|
||||
className={`container scroll-body ${props.scrollclass}`}
|
||||
{...props}
|
||||
style={{ overflow: "scroll", direction: theme.interfaceDirection }}
|
||||
ref={ref}
|
||||
>
|
||||
{props.children}
|
||||
</div>
|
||||
</StyledScrollbar>
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
export default CustomScrollbars;
|
||||
|
Loading…
Reference in New Issue
Block a user