Skip to content

blockquote styles prevents quote text selection #1317

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.

Sign up for GitHub

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

Jump to bottom
Open
FlyingDR opened this issue Apr 21, 2025 · 0 comments
Open

blockquote styles prevents quote text selection #1317

FlyingDR opened this issue Apr 21, 2025 · 0 comments

Comments

@FlyingDR
Copy link

svelte.dev/packages/site-kit/src/lib/components/Text.svelte

Lines 408 to 419 in 923674d

&.note,
&:has(details.legacy) {
&::before {
content: '';
display: block;
width: 2em;
height: 2em;
top: 0.05em;
background: var(--sk-fg-accent);
mask: url(icons/lightbulb) no-repeat 0.5rem 0 / 2.6rem;
}
}

Current style for the <blockquote> element define note icon as an element with the size, much larger than the icon itself. It causes icon to cover next of the element, effectively preventing ability to select it from the start:

Image

Add of the pointer-events: none style to blockquote.note::before fixes the issue.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@FlyingDR