Implement chips based autocomplete designs

Created on 9 July 2021, over 3 years ago
Updated 1 March 2024, 12 months ago

Problem/Motivation

The Claro design system includes designs for a next-gen autocomplete that improves UX. The new design is using chips instead of a simple textfield used by the current autocomplete implementation.

Proposed resolution

Implement the new Chips design (Tag / Entity reference field style) to create a better user experience for site authors. Styling the same information in a more appealing and self-explanatory way will also help users understand the UI faster and lower the cognitive load.

Complete specifications on Figma: https://www.figma.com/file/OqWgzAluHtsOd5uwm1lubFeH/Drupal-Design-system...

Remaining tasks

  • Plan theme implementation
  • Create a patch
  • Accessibility review

User interface changes

@todo to explain where&when this will change.

โœจ Feature request
Status

Active

Version

11.0 ๐Ÿ”ฅ

Component
Claroย  โ†’

Last updated about 21 hours ago

Created by

๐Ÿ‡ซ๐Ÿ‡ฎFinland lauriii Finland

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024