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

Bugfix/remove selectors #91

Closed

Conversation

abhijit360
Copy link

PR Checklist

Overview

Added a noselect class from this stackoverflow answer. I tested it locally and it appears to work

Copy link
Member

@JoshuaKGoldberg JoshuaKGoldberg left a comment

Choose a reason for hiding this comment

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

A good start, thanks! 🙌

Copy link
Member

Choose a reason for hiding this comment

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

Ah, it looks like you used npm install instead of pnpm install. You'll want to delete this file.

See https://pnpm.io/ for docs on pnpm.

Copy link
Member

Choose a reason for hiding this comment

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

-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
Copy link
Member

Choose a reason for hiding this comment

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

https://caniuse.com/?search=user-select: That SO answer is a good bit outdated. We can use user-select on all major browsers now.

<slot />
<Image alt="" class="squiggle squiggle-right" src={src} />
<Image alt="" class="squiggle squiggle-right noselect" src={src} />
Copy link
Member

Choose a reason for hiding this comment

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

Both of these components already have their own squiggle class. You can add the user-select styles to that. There's no need to add a separate noselect class.

.squiggle {
  /* (existing styles) */
  user-select: none;
}

@JoshuaKGoldberg JoshuaKGoldberg added the status: waiting for author Needs an action taken by the original poster label Jul 23, 2024
@JoshuaKGoldberg
Copy link
Member

👋 @abhijit360 do you still have energy + time to work on this?

@abhijit360
Copy link
Author

Yes! I will have the PR in this week

@JoshuaKGoldberg
Copy link
Member

(talked offline: may have time later)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
status: waiting for author Needs an action taken by the original poster
Projects
None yet
Development

Successfully merging this pull request may close these issues.

🐛 Bug: Add user-select: none to the "SquiggleFlanked" images
2 participants