Skip to content

Commit d995c40

Browse files
authored
fix(SplitterLayout): fix resizing SplitterElements via keyboard (#4877)
Fixes #4876
1 parent 391abf1 commit d995c40

File tree

1 file changed

+4
-6
lines changed
  • packages/main/src/components/Splitter

1 file changed

+4
-6
lines changed

packages/main/src/components/Splitter/index.tsx

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -328,12 +328,10 @@ const Splitter = forwardRef<HTMLDivElement, SplitterPropTypes>((props, ref) => {
328328

329329
if (document.activeElement === localRef.current) {
330330
const tickSize = remainingSize >= 20 ? 20 : remainingSize;
331-
secondSibling.style.flex = `0 0 ${
332-
(secondSibling.getBoundingClientRect()?.[positionKeys.size] as number) - tickSize
333-
}px`;
334-
firstSibling.style.flex = `0 0 ${
335-
(firstSibling.getBoundingClientRect()?.[positionKeys.size] as number) + tickSize
336-
}px`;
331+
const firstSiblingSize = firstSibling.getBoundingClientRect()?.[positionKeys.size] as number;
332+
const secondSiblingSize = secondSibling.getBoundingClientRect()?.[positionKeys.size] as number;
333+
secondSibling.style.flex = `0 0 ${secondSiblingSize - tickSize}px`;
334+
firstSibling.style.flex = `0 0 ${firstSiblingSize + tickSize}px`;
337335
}
338336
}
339337
};

0 commit comments

Comments
 (0)