Views autocomplete input is too wide on mobile

Created on 12 January 2021, almost 5 years ago
Updated 18 September 2025, about 2 months ago

Problem/Motivation

Autocomplete field inputs lack appropriate styles for smaller screens in Bartik, so they break the layout:

This issue does not occur in Seven or Olivero so I think it's specific to Bartik.

Follow up from 🐛 Views exposed filters with autocomplete are much wider than text filters Needs work

Steps to reproduce

  1. Install Drupal
  2. Create a view with an autocomplete exposed filter
  3. Display the view in Bartik via a page or a block
  4. View it on a smaller screen
  5. See that the autocomplete field is too wide

Proposed resolution

Add some CSS to handle this field on smaller screens, as with Seven: https://git.drupalcode.org/project/drupal/-/blob/9.2.x/core/themes/seven...

Remaining tasks

  • Patch / merge request with CSS update
  • Review

User interface changes

N/A

API changes

N/A

Data model changes

N/A

Release notes snippet

N/A

🐛 Bug report
Status

Needs work

Version

1.0

Component

Look and Feel

Created by

🇦🇺Australia pameeela

Live updates comments and jobs are added and updated live.
  • Needs manual testing

    The change/bugfix cannot be fully demonstrated by automated testing, and thus requires manual testing in a variety of environments.

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.

No activities found.

Production build 0.71.5 2024