Bug 40081

Summary: textareas appear to now be fixed width
Product: Koha Reporter: Martin Renvoize (ashimema) <martin.renvoize>
Component: Staff interfaceAssignee: Owen Leonard <oleonard>
Status: Signed Off --- QA Contact: Testopia <testopia>
Severity: normal    
Priority: P5 - low CC: david, gmcharlt, mirjam.vantieghem
Version: unspecified   
Hardware: All   
OS: All   
GIT URL: Change sponsored?: ---
Patch complexity: Trivial patch Documentation contact:
Documentation submission: Text to go in the release notes:
This fixes OPAC and staff interface forms with text area fields. You can now adjust the size both vertically and horizontally - after the Bootstrap 5 upgrade you could only adjust the size vertically. (This is related to the OPAC and staff interface Bootstrap 5 upgrade in Koha 24.11.)
Version(s) released in:
Circulation function:
Bug Depends on: 35402    
Bug Blocks:    
Attachments: Screenshot of problem
Bug 40081: Textareas should resize horizontally and vertically
Bug 40081: Textareas should resize horizontally and vertically

Description Martin Renvoize (ashimema) 2025-06-05 10:34:01 UTC
It's often annoting to force a narrow fixed width on a textarea input. We display the handle to expand the input, but it only allows for vertical expansion and not horizontal.. we should allow for both.

Example, when editing course reserve details we have staff and public notes as textarea's and they're rather narrow.
Comment 1 Martin Renvoize (ashimema) 2025-06-05 10:34:30 UTC
Created attachment 182987 [details]
Screenshot of problem
Comment 2 Martin Renvoize (ashimema) 2025-06-05 10:36:49 UTC
More examples brought to my attention:

* the 'public note' and 'staff note' when editing a course in the course reserves module
* the 'notes' field of a SQL report in the Reports module
* the patron note using the 'add message' in the Patron record
Comment 3 Owen Leonard 2025-06-05 12:56:59 UTC
Created attachment 182998 [details] [review]
Bug 40081: Textareas should resize horizontally and vertically

Bootstrap 5 sets the "resize" property on textareas to "vertical." For
our purposes this is a regression in functionality and should be
overridden.

To test, apply the patch and rebuild OPAC and staff interface CSS.

- Log into the OPAC and go to the "Your personal details" page.
  - Under "Alternate address" -> "Contact note," check that the textarea
    can be freely resized.
- In the staff client, create a new patron and test the same textarea in
  that form.

Sponsored-by: Athens County Public Libraries
Comment 4 David Nind 2025-06-05 22:35:49 UTC
Created attachment 183016 [details] [review]
Bug 40081: Textareas should resize horizontally and vertically

Bootstrap 5 sets the "resize" property on textareas to "vertical." For
our purposes this is a regression in functionality and should be
overridden.

To test, apply the patch and rebuild OPAC and staff interface CSS.

- Log into the OPAC and go to the "Your personal details" page.
  - Under "Alternate address" -> "Contact note," check that the textarea
    can be freely resized.
- In the staff client, create a new patron and test the same textarea in
  that form.

Sponsored-by: Athens County Public Libraries
Signed-off-by: David Nind <david@davidnind.com>
Comment 5 David Nind 2025-06-05 22:42:01 UTC
I changed this from an enhancement to a normal bug, as it is something that is not working as it should.