rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix invisible drag line on Safari

Browse Source 
Signed-off-by: Émile Ré <emile@getprobo.com>
This commit is contained in:
Émile Ré
2026-04-06 19:18:09 +04:00
parent f9b0132614
commit 9b473b27c2
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/ui/src/RichEditor/OptionsMenu/OptionsMenuTrigger.tsx
View File

@@ -61,8 +61,13 @@ export function OptionsMenuTrigger({
const wrapper = document.createElement("div"); const wrapper = document.createElement("div");
wrapper.append(hoveredBlock.cloneNode(true)); wrapper.append(hoveredBlock.cloneNode(true));
wrapper.style.position = "absolute"; wrapper.style.position = "absolute";
wrapper.style.top = "-10000px"; wrapper.style.left = "-10000px";
wrapper.style.top = "0";
wrapper.style.minWidth = "1px";
wrapper.style.minHeight = "1px";
document.body.append(wrapper); document.body.append(wrapper);
// Safari needs the element laid out before setDragImage
void wrapper.offsetHeight;
e.dataTransfer.setDragImage(wrapper, 0, 0); e.dataTransfer.setDragImage(wrapper, 0, 0);
document.addEventListener("dragend", () => wrapper.remove(), { once: true }); document.addEventListener("dragend", () => wrapper.remove(), { once: true });
} }

2
packages/ui/src/RichEditor/OptionsMenu/variants.ts
View File

@@ -8,7 +8,7 @@ export const optionsMenuVariants = tv({
slots: { slots: {
trigger: [ trigger: [
"z-20 flex size-5 items-center justify-center", "z-20 flex size-5 items-center justify-center",
"rounded text-txt-tertiary hover:bg-subtle hover:text-txt-primary cursor-grab", "rounded text-txt-tertiary hover:bg-subtle hover:text-txt-primary cursor-grab active:cursor-grabbing",
], ],
menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-mid z-30"], menu: ["rounded-lg border border-border-mid bg-level-0 p-1 shadow-mid z-30"],
}, },