WordPress.org
Get WordPress

Making WordPress.org

Opened 6 years ago

Closed 6 years ago

#3528 closed defect (bug) (fixed)

Disable auto zoom in the Header Search Box on mobile

Reported by: raajtram's profile raajtram Owned by: dd32's profile dd32
Milestone: Priority: normal
Component: General Keywords: has-patch has-screenshots
Cc:

Description

The global search box in the header, when focused upon, zooms in the entire page. This is a known feature (bug?).

Since the wp.org website is mobile-friendly, the zoom-in is not required because ​this feature is useful for non-responsive websites (whereby the zoom-in would help the user see what they're typing, hence an accessibility feature).

Applying a 16px font size to the search box fixes this issue. Here's the before-after shots after applying the patch.

http://share.raajtram.com/qLv3/search-before-after.jpg

Attachments (1)

3528.patch​ (439 bytes) - added by raajtram 6 years ago.
WP4: Prevent zoom-in on search box

Download all attachments as: .zip

Change History (5)

@raajtram
6 years ago

WP4: Prevent zoom-in on search box

#1 @tellyworth
6 years ago

  • Owner set to dd32
  • Status changed from new to reviewing

#2 @dd32
6 years ago

  • Keywords needs-testing added

I'm unable to test this, due to not having an iphone and Safari dev mode seemingly not supporting the zoom functionality.

Can someone please verify that this patch works as expected and doesn't have any side effects?

#3 @dd32
6 years ago

  • Keywords needs-testing removed

Tested it out with an iPhone 8plus and looks good.

#4 @dd32
6 years ago

  • Resolution set to fixed
  • Status changed from reviewing to closed

In 7077:

Styles: Disable Auto-zoom on the mobile search box by increasing the text size.

Props raajtram.
Fixes #3528.

Note: See TracTickets for help on using tickets.