[MGNLUI-8615] Port "At least 3 characters" changes to Global Search bar Created: 15/Dec/23  Updated: 04/Jan/24

Status: Open
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Task Priority: Neutral
Reporter: Laura Delnevo Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: searchx
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: JPEG File Global search - error - i13.jpg     PNG File Screenshot 2023-12-14 at 11.16.00.png     PNG File Screenshot 2023-12-14 at 11.16.13.png     JPEG File search-bar-states-i13.jpg    
Issue Links:
Cloners
clones MGNLUI-8473 Update UI of "At least 3 characters" Closed
Template:
Acceptance criteria:
Empty
Task DoR:
Empty
Documentation update required:
Yes
Epic Link: SearchX 3. Global Search results

 Description   

This task aims to update the UI of the Search Bar to better visualize the need to type at least three characters when you search.

ACs

  • The behavior works as expected for In-App search. It needs to be applied to the Global FindBar
    • Input for validation "Enters at least 3 characters" appears when the user starts typing in the search input bar and disappears once the user types the minimum characters or clicks elsewhere in the screen
    • The input bar has 6 states

On Figma: screen & component


Generated at Mon Feb 12 09:56:46 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.