Skip to content

Commit 1488173

Browse files
committed
Update demo app
1 parent c27a650 commit 1488173

1 file changed

Lines changed: 9 additions & 3 deletions

File tree

demo/src/demos/CssStickyHoverBug.tsx

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import * as React from 'react';
22
import { Interactive } from 'react-interactive';
33
import { DemoContainer, DemoHeading } from '../ui/DemoContainer';
4+
import { Link } from '../ui/Link';
45
import { styled } from '../stitches.config';
56

67
const PseudoClassButton = styled('button', {
@@ -53,10 +54,15 @@ const ButtonsContainer = styled('div', {
5354
export const CssStickyHoverBug: React.VFC = () => {
5455
return (
5556
<DemoContainer id="css-sticky-hover-bug">
56-
<DemoHeading>CSS Sticky Hover Bug</DemoHeading>
57+
<DemoHeading>
58+
CSS Sticky <code>:hover</code> Bug
59+
</DemoHeading>
5760
<p>
58-
On touch devices the CSS <code>:hover</code> state sticks until you tap
59-
someplace else on the screen.
61+
On touch devices the{' '}
62+
<Link href="https://github.com/rafgraph/react-interactive#css-sticky-hover-bug">
63+
CSS <code>:hover</code> state sticks
64+
</Link>{' '}
65+
until you tap someplace else on the screen.
6066
</p>
6167
<ButtonsContainer>
6268
<div>

0 commit comments

Comments
 (0)