marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-12-03 19:18:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: Frame and Frame Element binding highlight offset (#10423)

Browse Source 
fix binding highlight offset
This commit is contained in:
zsviczian
2025-12-01 12:08:55 +01:00
committed by GitHub
parent 210dc85c8c
commit 7497a08270
1 changed files with 6 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/excalidraw/renderer/interactiveScene.ts
View File

@@ -195,10 +195,7 @@ const renderBindingHighlightForBindableElement_simple = (
) => {
const enclosingFrame = element.frameId && elementsMap.get(element.frameId);
if (enclosingFrame && isFrameLikeElement(enclosingFrame)) {
context.translate(
enclosingFrame.x + appState.scrollX,
enclosingFrame.y + appState.scrollY,
);
context.translate(enclosingFrame.x, enclosingFrame.y);
context.beginPath();
@@ -216,10 +213,7 @@ const renderBindingHighlightForBindableElement_simple = (
context.clip();
context.translate(
-(enclosingFrame.x + appState.scrollX),
-(enclosingFrame.y + appState.scrollY),
);
context.translate(-enclosingFrame.x, -enclosingFrame.y);
}
switch (element.type) {
@@ -227,10 +221,7 @@ const renderBindingHighlightForBindableElement_simple = (
case "frame":
context.save();
context.translate(
element.x + appState.scrollX,
element.y + appState.scrollY,
);
context.translate(element.x, element.y);
context.lineWidth = FRAME_STYLE.strokeWidth / appState.zoom.value;
context.strokeStyle =
@@ -389,10 +380,7 @@ const renderBindingHighlightForBindableElement_complex = (
const enclosingFrame = element.frameId && allElementsMap.get(element.frameId);
if (enclosingFrame && isFrameLikeElement(enclosingFrame)) {
context.translate(
enclosingFrame.x + appState.scrollX,
enclosingFrame.y + appState.scrollY,
);
context.translate(enclosingFrame.x, enclosingFrame.y);
context.beginPath();
@@ -410,10 +398,7 @@ const renderBindingHighlightForBindableElement_complex = (
context.clip();
context.translate(
-(enclosingFrame.x + appState.scrollX),
-(enclosingFrame.y + appState.scrollY),
);
context.translate(-enclosingFrame.x, -enclosingFrame.y);
}
switch (element.type) {
@@ -421,10 +406,7 @@ const renderBindingHighlightForBindableElement_complex = (
case "frame":
context.save();
context.translate(
element.x + appState.scrollX,
element.y + appState.scrollY,
);
context.translate(element.x, element.y);
context.lineWidth = FRAME_STYLE.strokeWidth / appState.zoom.value;
context.strokeStyle =