Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: remove node hovered state on mouseleave event #569

Merged

Conversation

giliamverheide
Copy link
Contributor

Added mouseleave to default hover event handler, the hovered state gets removed when this is triggered.

Previously, if you wanted to removed the hovered state, you'd have to add something like
ref={(ref: HTMLDivElement) => connectors.select(connectors.hover(ref, ''), '')}
to a parent container to deselect/remove the hover state when the mouse pointer clicks/is outside of a node.

Also updated the useEffect in packages/core/src/editor/Editor.tsx due to lint error.

@changeset-bot
Copy link

changeset-bot bot commented Oct 13, 2023

🦋 Changeset detected

Latest commit: 54e24a4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@craftjs/core Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel
Copy link

vercel bot commented Oct 13, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
craftjs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 22, 2023 10:12am

.changeset/rude-bees-deliver.md Outdated Show resolved Hide resolved
packages/core/src/editor/Editor.tsx Outdated Show resolved Hide resolved
examples/landing/next.config.js Outdated Show resolved Hide resolved
packages/core/src/events/DefaultEventHandlers.ts Outdated Show resolved Hide resolved
Added mouseleave to default hover event handler, the 'hovered' state gets removed when this is triggered
@prevwong prevwong force-pushed the feat/remove-hovered-on-mouseleave branch from 10147bf to e6b4883 Compare October 22, 2023 10:04
@prevwong prevwong changed the title feat: Added mouseleave to default hover event handler that automatically removes hovered state feat: remove Node hovered state on mouseleave event Oct 22, 2023
@prevwong prevwong changed the title feat: remove Node hovered state on mouseleave event feat: remove node hovered state on mouseleave event Oct 22, 2023
Copy link
Owner

@prevwong prevwong left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you! 💯

@prevwong prevwong merged commit e8681d2 into prevwong:main Oct 22, 2023
2 of 3 checks passed
@github-actions github-actions bot mentioned this pull request Oct 22, 2023
@giliamverheide giliamverheide deleted the feat/remove-hovered-on-mouseleave branch October 22, 2023 10:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants