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

[crunnells]

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:

Above 600px:

---

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

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

[achyuthajoy]

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

[achyuthajoy]

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

[SirLouen]

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://streamable.com/csdtmp

[karmatosed]

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.

[sabernhardt]

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.