diff --git a/apps/desktop/src/lib/branch/StackingSeriesDescription.svelte b/apps/desktop/src/lib/branch/StackingSeriesDescription.svelte index 96371d60c..25c5990ef 100644 --- a/apps/desktop/src/lib/branch/StackingSeriesDescription.svelte +++ b/apps/desktop/src/lib/branch/StackingSeriesDescription.svelte @@ -45,7 +45,7 @@ display: flex; flex-direction: column; color: var(--clr-text-2); - padding: 2px; + padding: 0 2px; border: 1px solid transparent; border-radius: var(--radius-s); width: calc(100% + 4px); diff --git a/packages/ui/src/lib/Textarea.svelte b/packages/ui/src/lib/Textarea.svelte index bd49cc685..6148f42aa 100644 --- a/packages/ui/src/lib/Textarea.svelte +++ b/packages/ui/src/lib/Textarea.svelte @@ -84,17 +84,19 @@ $effect(() => { if (textBoxEl) { if (!disabled) { - textBoxEl.setAttribute('contenteditable', 'true'); + textBoxEl.setAttribute('contenteditable', 'plaintext-only'); } else { textBoxEl.removeAttribute('contenteditable'); } } }); + + console.log('placeholder', placeholder);
{ if (e.currentTarget) { @@ -179,6 +181,7 @@ display: flex; flex-direction: column; gap: 6px; + overflow-x: hidden; } .textarea { @@ -194,6 +197,8 @@ min-height: calc(var(--font-size) * 1.5 * var(--min-rows)); max-height: calc(var(--font-size) * 1.5 * var(--max-rows)); overflow-y: auto; /* Enable scrolling when max height is reached */ + overflow-x: hidden; + word-wrap: break-word; border-color: transparent; transition: border-color var(--transition-fast),