Autocomplete input text can visibly overflow under magnifier icon

Created on 3 August 2020, over 4 years ago
Updated 2 August 2024, 5 months ago

Problem/Motivation

If an autocomplete input's text fills the input, the text will appear underneath the magnifying glass icon.

This is also an issue in Seven, but may be less noticeable due to the size of the inputs and icons.

Steps to reproduce

  • Set the claro theme as an administration theme
  • Find a form with an autocomplete input field such as a tags input that accepts multiple values ( In my case I used the default tags field in
    article content type )
  • Type a bunch of letters into the autocomplete field to fill it to the point that it fills the input all the way to the magnifying icon.
  • See that the letters will overlap with the magnifying icon

Proposed resolution

Add margins and padding on either the right or left side depending on the text direction.

User interface changes

Before

After
LTR

RTL

🐛 Bug report
Status

Fixed

Version

10.3

Component
Claro 

Last updated 2 days ago

Created by

🇺🇸United States bnjmnm Ann Arbor, MI

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

Merge Requests

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