[UXPROD-4431] Implement responsive text fields Created: 09/Aug/23  Updated: 30/Jan/24

Status: Draft
Project: UX Product
Components: None
Affects versions: None
Fix versions: None

Type: New Feature Priority: TBD
Reporter: Martina.Schildt Assignee: Martina.Schildt
Resolution: Unresolved Votes: 0
Labels: crossapp
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original estimate: Not Specified

Issue links:
Cloners
clones UX-528 Sort cards in a customisable order Open
Development Team: None
PO Rank: 0
RCA Group: TBD

 Description   

Current situation or problem:

Free text boxes are quite narrow in display and can then be extended. Sometimes the extendability may not be as obvious as needed. It would be helpful to have the free text boxes be responsive but keep the manual adjustability.

Which text fields should be responsive?

App Interaction SIG conducted a poll on whether all text fields should be responsive or whether this is a field by field decision: Poll on whether all text fields should be responsive.

The result: all text fields across apps should be responsive.

Example use cases

  1. Inventory holdings: The URI box in the holdings record is really small. It does expand, but a user might not notice a URL is really long and only edits part of it and mangles it all up.
  2. Agreements description field: As a user I would like to the see the whole content of a text field without further clicking or expanding. The user may miss information because the expandability is not always obvious.
  3. Note fields especially. E.g. "Note" in PO and "Internal note" in the POL. It can be frustrating for ongoing order records when there are a lot of historical notes and users have to keep expanding the box to see and edit.
  4. "Comment" in invoices: Users somtimes put a lot of information on there for explanations regarding credits, etc. 
  5. Same applies to all text fields across apps.

Requirement

  1. All text fields across apps should be responsive.
  2. Fields should continue to be user-adjustable. User needs to be able to manually adjust fields to hide info when seeing too much that isn't needed at that moment.

Links to additional info

App Interaction meeting July 12th 2023, 1st agenda item

Poll on whether all text fields should be responsive

 

 



 Comments   
Comment by Martina.Schildt [ 06/Nov/23 ]

Comment by Julian Ladisch in Slack: https://folio-project.slack.com/archives/CAM25LTGV/p1699226409517429?thread_ts=1698924960.608859&cid=CAM25LTGV. 

Resizes when you type: https://stackoverflow.com/questions/7168727/make-html-text-input-field-grow-as-i-type
I like this example because it has a maximum width and maximum height to limit the greediness of huge field content.
Generated at Fri Feb 09 00:39:52 UTC 2024 using Jira 1001.0.0-SNAPSHOT#100246-sha1:7a5c50119eb0633d306e14180817ddef5e80c75d.