till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-15 21:59:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix(manacore/web): fix height resize using element's current height as start value

Browse source 
When heightPx is not yet set, use the element's actual offsetHeight
instead of 0 so the first drag correctly adjusts height.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-04-02 23:51:54 +02:00
parent b66a26810f
commit bed2060ba5
1 changed files with 8 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

18
apps/manacore/apps/web/src/lib/components/page-carousel/PageShell.svelte
View file

@ -50,27 +50,24 @@
const MAX_HEIGHT = 2000;
let resizing = $state(false);
let shellEl = $state<HTMLDivElement | null>(null);
function handleResizeStart(startX: number, startY: number) {
if (!onResize) return;
const startWidth = widthPx;
const startHeight = heightPx ?? 0;
const startHeight = heightPx ?? shellEl?.offsetHeight ?? MIN_HEIGHT;
resizing = true;
document.body.style.userSelect = 'none';
document.body.style.cursor = 'nwse-resize';
function onMove(clientX: number, clientY: number) {
const deltaX = clientX - startX;
const deltaY = clientY - startY;
const newWidth = Math.round(Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, startWidth + deltaX)));
if (startHeight > 0) {
const deltaY = clientY - startY;
const newHeight = Math.round(
Math.min(MAX_HEIGHT, Math.max(MIN_HEIGHT, startHeight + deltaY))
);
onResize!(newWidth, newHeight);
} else {
onResize!(newWidth);
}
const newHeight = Math.round(
Math.min(MAX_HEIGHT, Math.max(MIN_HEIGHT, startHeight + deltaY))
);
onResize!(newWidth, newHeight);
}
function onEnd() {
@ -108,6 +105,7 @@
</script>
<div
bind:this={shellEl}
class="page-shell"
class:maximized
class:resizing