Do not collapse empty pane titles. Fix for #1.

kitschpatrol · Dec 8, 2023 · 4ae0d21 · 4ae0d21
1 parent 4b885da
commit 4ae0d21
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/examples/tests/TestTitlelessDraggable.svelte b/src/examples/tests/TestTitlelessDraggable.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { Pane, Text } from '$lib';
+	let title = '';
+	let title2 = 'Title';
+</script>
+
+<a href="https://github.com/kitschpatrol/svelte-tweakpane-ui/issues/1">Issue #1</a>
+
+<Pane position="draggable" {title} x={10} y={150}>
+	<Text bind:value={title} label="Pane Title" />
+</Pane>
+
+<Pane localStoreId={'B'} position="draggable" title={title2} x={10} y={220}>
+	<Text bind:value={title2} label="Pane Title" />
+</Pane>
diff --git a/src/lib/internal/InternalPaneDraggable.svelte b/src/lib/internal/InternalPaneDraggable.svelte
@@ -520,6 +520,11 @@ draggable-container"
 	/* stylelint-disable-next-line selector-class-pattern */
 	div.draggable-container :global(div.tp-rotv_t) {
 		cursor: grab;
+		overflow: hidden;
+		/* Ensure draggable hit zone does not collapse if title is missing */
+		/* Fixes #1 */
+		height: 100%;
+		text-overflow: ellipsis;
 	}
 
 	div.draggable-container.not-collapsable :global(div.tp-rotv_t) {