Implement chips based autocomplete designs

Created on 9 July 2021, almost 3 years ago
Updated 1 March 2024, 4 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 7 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.69.0 2024