Skip to content

Commit cdc9e1c

Browse files
committed
Long text boxes in forms don't maintain their expanded size
1 parent b63ae60 commit cdc9e1c

File tree

3 files changed

+22
-1
lines changed

3 files changed

+22
-1
lines changed
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"type": "bug",
3+
"message": "Long text boxes in forms don't maintain their expanded size.",
4+
"domain": "database",
5+
"issue_number": 3801,
6+
"bullet_points": [],
7+
"created_at": "2025-08-29"
8+
}

web-frontend/modules/core/assets/scss/components/form_textarea.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,3 +31,7 @@
3131
color: $palette-neutral-700;
3232
box-shadow: none;
3333
}
34+
35+
.form-textarea--auto-expendable {
36+
resize: none;
37+
}

web-frontend/modules/core/components/FormTextarea.vue

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,11 @@
1111
'form-textarea--error': error,
1212
'form-textarea--disabled': disabled,
1313
'form-textarea--small': size === 'small',
14+
'form-textarea--auto-expendable': autoExpandable,
1415
}"
1516
:style="{
16-
height: textBoxSize ? `${textBoxSize}px` : 'auto',
1717
overflow: textBoxOverflow ? textBoxOverflow : 'visible',
18+
...heightStyle,
1819
}"
1920
@blur="$emit('blur', $event)"
2021
@focus="$emit('focus', $event)"
@@ -142,6 +143,14 @@ export default {
142143
return this.numTextAreaLines > this.maxRows ? 'auto' : 'hidden'
143144
return null
144145
},
146+
heightStyle() {
147+
if (this.textBoxSize) {
148+
return {
149+
height: `${this.textBoxSize}px`,
150+
}
151+
}
152+
return null
153+
},
145154
},
146155
watch: {
147156
value() {

0 commit comments

Comments
 (0)