File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 11import * as React from 'react' ;
22import { Interactive } from 'react-interactive' ;
33import { DemoContainer , DemoHeading } from '../ui/DemoContainer' ;
4+ import { Link } from '../ui/Link' ;
45import { styled } from '../stitches.config' ;
56
67const PseudoClassButton = styled ( 'button' , {
@@ -53,10 +54,15 @@ const ButtonsContainer = styled('div', {
5354export 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 >
You can’t perform that action at this time.
0 commit comments