snowspeeder/pi-web
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: preserve selected chat text on copy

Browse Source
This commit is contained in:
Federico Jaramillo Martinez
2026-06-09 15:41:48 +02:00
parent c57f24dfa5
commit 65b4c76513
2 changed files with 6 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/fix-firefox-selection-copy.md
+5
View File
@@ -0,0 +1,5 @@
---
"@jmfederico/pi-web": patch
---
Let Firefox copy only the selected chat text instead of replacing selections with the full message.
src/client/src/components/FormattedText.ts
+1 -22
View File
@@ -9,7 +9,7 @@ export class FormattedText extends LitElement {
@property() text = ""; @property() text = "";
override render() { override render() {
return html`<div class="formatted" @click=${this.onFormattedClick} @copy=${this.onFormattedCopy}>${unsafeHTML(toSafeMarkdownHtml(this.text))}</div>`; return html`<div class="formatted" @click=${this.onFormattedClick}>${unsafeHTML(toSafeMarkdownHtml(this.text))}</div>`;
} }
override updated(): void { override updated(): void {
@@ -48,13 +48,6 @@ export class FormattedText extends LitElement {
void this.copyCode(code.textContent, button); void this.copyCode(code.textContent, button);
}; };
private readonly onFormattedCopy = (event: ClipboardEvent): void => {
if (event.clipboardData === null || !hasSelectedText(currentSelection(this))) return;
event.clipboardData.setData("text/plain", this.text);
event.preventDefault();
event.stopPropagation();
};
private async copyCode(text: string, button: HTMLButtonElement): Promise<void> { private async copyCode(text: string, button: HTMLButtonElement): Promise<void> {
const ok = await writeClipboard(text); const ok = await writeClipboard(text);
this.setCopyButtonState(button, ok ? "copied" : "failed"); this.setCopyButtonState(button, ok ? "copied" : "failed");
@@ -74,20 +67,6 @@ export class FormattedText extends LitElement {
static override styles = formattedTextStyles; static override styles = formattedTextStyles;
} }
function currentSelection(element: Element): Selection | null {
const root = element.getRootNode();
if (typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot && hasRootSelection(root)) return root.getSelection();
return element.ownerDocument.getSelection();
}
function hasRootSelection(root: Node): root is Node & { getSelection: () => Selection | null } {
return "getSelection" in root && typeof root.getSelection === "function";
}
function hasSelectedText(selection: Selection | null): boolean {
return selection !== null && !selection.isCollapsed && selection.toString() !== "";
}
async function writeClipboard(text: string): Promise<boolean> { async function writeClipboard(text: string): Promise<boolean> {
try { try {
await navigator.clipboard.writeText(text); await navigator.clipboard.writeText(text);