Skip to content

Commit 9b00684

Browse files
committed
fix(hoverWorkaround): forward ref to wrapped component
1 parent 1fbbe9d commit 9b00684

File tree

1 file changed

+19
-18
lines changed

1 file changed

+19
-18
lines changed

src/hoverWorkaround.js

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -11,24 +11,25 @@ const styles = {
1111
}
1212

1313
export default function hoverWorkaround(Comp) {
14-
const HoverWorkaround = ({
15-
classes: { _modalRoot, ...classes },
16-
ModalClasses,
17-
style,
18-
...props
19-
}) => (
20-
<Comp
21-
classes={classes}
22-
style={{ pointerEvents: 'none', ...style }}
23-
ModalClasses={{
24-
...ModalClasses,
25-
root:
26-
ModalClasses && ModalClasses.root
27-
? `${ModalClasses.root} ${_modalRoot}`
28-
: _modalRoot,
29-
}}
30-
{...props}
31-
/>
14+
const HoverWorkaround = React.forwardRef(
15+
(
16+
{ classes: { _modalRoot, ...classes }, ModalClasses, style, ...props },
17+
ref
18+
) => (
19+
<Comp
20+
ref={ref}
21+
classes={classes}
22+
style={{ pointerEvents: 'none', ...style }}
23+
ModalClasses={{
24+
...ModalClasses,
25+
root:
26+
ModalClasses && ModalClasses.root
27+
? `${ModalClasses.root} ${_modalRoot}`
28+
: _modalRoot,
29+
}}
30+
{...props}
31+
/>
32+
)
3233
)
3334

3435
return withStyles(styles)(HoverWorkaround)

0 commit comments

Comments
 (0)