Search field is barely visible in mobile Safari

[pepelsbey]

Summary

The search field on the main page doesn’t have a border around it and is hardly noticeable in mobile Safari.

URL

https://developer.mozilla.org/en-US/

Reproduction steps

1. Go to MDN in Safari on iOS/iPadOS
2. Look at the search bar
3. Compare the rendering to the desktop Safari

Expected behavior

Border around the search field

Actual behavior

No border in mobile Safari

Device

Smartphone

Browser

Safari

Browser version

Stable

Operating system

iOS

Screenshot

Mobile

Desktop

Anything else?

Default browser styles for form controls in mobile Safari are different from desktop browsers. The search field relies on the default border-style. Instead, it should explicitly set one.

Validations

• I have read the Community Participation Guidelines.
• I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.