Make WordPress Core

Opened 6 years ago

Last modified 22 hours ago

#45878 reopened enhancement

Twenty Nineteen: Search widget input field width is too narrow on wide screens

Reported by: crunnells's profile crunnells Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.0.2
Component: Bundled Theme Keywords: has-patch reporter-feedback needs-test-info
Focuses: Cc:

Description

At screens below ~600px, the search input field is 100% of the parent container, but above that it changes to width: auto; which causes it to shrink to ~170px. I suggest we make that a little larger by removing auto and setting a max-width in the CSS.

Below 598px:
https://cldup.com/N7c64xcdCn-2000x2000.png

Above 600px:
https://cldup.com/8WGvnHWHLQ-3000x3000.png

---

This issue was migrated over from Twenty Nineteen's GitHub repository:

https://github.com/WordPress/twentynineteen/issues/747

Attachments (1)

45878.diff (478 bytes) - added by achyuthajoy 6 years ago.
Removed media query to make the search widget input width to 100%

Download all attachments as: .zip

Change History (6)

@achyuthajoy
6 years ago

Removed media query to make the search widget input width to 100%

#1 @achyuthajoy
6 years ago

  • Component changed from General to Themes
  • Keywords has-patch added; needs-patch removed

Haven't added a max-width parameter which would allow the user to add additional CSS without much overrides.

#2 @achyuthajoy
6 years ago

  • Component changed from Themes to Bundled Theme
  • Keywords needs-testing added
  • Resolution set to invalid
  • Status changed from new to closed

#3 @achyuthajoy
6 years ago

  • Resolution invalid deleted
  • Status changed from closed to reopened

#4 @karmatosed
12 months ago

  • Milestone changed from Awaiting Review to Future Release

#5 @SirLouen
24 hours ago

  • Keywords reporter-feedback needs-test-info added; needs-testing removed

Bug Reproduction Report

Description

❌ This report can't validate that the issue can be reproduced.

Environment

  • WordPress: 6.9-alpha-60093-src
  • PHP: 8.2.28
  • Server: nginx/1.27.5
  • Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
  • Browser: Chrome 136.0.0.0
  • OS: Windows 10/11
  • Theme: Twenty Nineteen 3.1
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Bug Reproduction Steps

  1. Screencast attached in Supplemental Artifacts to show my procedure

Actual Results

  1. ❌ Error condition doesn't occur

Additional Notes

  • @crunnells, @achyuthajoy this report is old, so maybe the issue has been already solved in another patch? Or maybe I'm not taking something into account to reproduce this?

Supplemental Artifacts

Demo Screencast: https://f003.backblazeb2.com/file/wordpress-videos/wp-videos/2025/05/45878.mp4

Last edited 22 hours ago by SirLouen (previous) (diff)
Note: See TracTickets for help on using tickets.