WordPress.org
Get WordPress

Make WordPress Core

Opened 8 years ago

Closed 14 months ago

Last modified 14 months ago

#45878 closed enhancement (wontfix)

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

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

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 8 years ago.
Removed media query to make the search widget input width to 100%

Download all attachments as: .zip

Change History (8)

@achyuthajoy
8 years ago

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

#1 @achyuthajoy
8 years ago

  • Component General → 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
8 years ago

  • Component Themes → Bundled Theme
  • Keywords needs-testing added
  • Resolution → invalid
  • Status new → closed

#3 @achyuthajoy
8 years ago

  • Resolution invalid
  • Status closed → reopened

#4 @karmatosed
2 years ago

  • Milestone Awaiting Review → Future Release

#5 @SirLouen
17 months 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 17 months ago by SirLouen (previous) (diff)

#6 @karmatosed
14 months ago

  • Keywords close added
  • Milestone Future Release
  • Resolution → wontfix
  • Status reopened → closed

Due to the time passed and lack of replication, for now I am going to close this. We can always reopen if more information occurs. Thanks everyone.

#7 @sabernhardt
14 months ago

The video shows the Search block, but the narrow search field can be reproduced with the Classic Widgets plugin and the legacy Search widget.

However, I support leaving the ticket closed because the ​`width: auto` CSS was not changed for more than six years and the block is an option with a wider input.

Last edited 14 months ago by sabernhardt (previous) (diff)
Note: See TracTickets for help on using tickets.