WordPress.org

Making WordPress.org

#3528 closed defect (fixed)

Disable auto zoom in the Header Search Box on mobile

Reported by: raajtram Owned by: 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 19 months ago.
WP4: Prevent zoom-in on search box

Download all attachments as: .zip

Change History (5)

@raajtram
19 months ago

WP4: Prevent zoom-in on search box

#1 @tellyworth
19 months ago

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

#2 @dd32
19 months 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
19 months ago

  • Keywords needs-testing removed

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

#4 @dd32
19 months 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.