diff --git a/src/content/components/SaladBowl/index.tsx b/src/content/components/SaladBowl/index.tsx index ddfc92593..5a5174105 100644 --- a/src/content/components/SaladBowl/index.tsx +++ b/src/content/components/SaladBowl/index.tsx @@ -20,13 +20,17 @@ export type SaladBowlProps = { export default class SaladBowl extends React.PureComponent { readonly bowlRef = React.createRef() initStyle = { x: 0, y: 0, scale: 0 } + mouseOnBowlTimeout: any handleMouseEnter = () => { - this.props.mouseOnBowl(true) - this.props.searchText() + this.mouseOnBowlTimeout = setTimeout(() => { + this.props.mouseOnBowl(true) + this.props.searchText() + }, 800) } handleMouseLeave = () => { + clearTimeout(this.mouseOnBowlTimeout) this.props.mouseOnBowl(false) }