Bug 10860 – Yahoo main page search field overlaps Web Search button

• Status: RESOLVED
• Resolution: FIXED
• Component: Evangelism

[Troy Brandt]

When visiting yahoo.com the top portion of the search field is getting clipped along with all of the search naviagiotn dirctly above the search bar. 

This displays properly in Safari 2.0.4 (419.3) But fails in WebKit r16130.

[Troy Brandt]

Created attachment 10559 [details]
Reduction

[Stephanie Lewis]

In Radar
<rdar://problem/4946848> 

[Adele Peterson]

The button also overlaps in Firefox.  I'm not sure that our behavior is actually wrong.

Attaching a slightly smaller reduction.  If you remove the strict doctype, then the button will no longer overlap.  This makes me think that it has something to do with new box-sizing behavior.

[Adele Peterson]

Created attachment 13031 [details]
another reduction

[Adele Peterson]

Hyatt and I discussed this, and he confirmed that this is because we now honor the box-sizing property.  In strict mode, text fields have box-sizing: content-box, which doesn't include the border and padding.  Because of this, the page is miscalculating the width of the text field.

We should talk to Yahoo and ask them to fix this.

[Sam Weinig]

I am lowering this to P2 as the behavior is not something we are going to change and it matches moz.

[Darin Adler]

(In reply to comment #6)
> I am lowering this to P2 as the behavior is not something we are going to
> change and it matches moz.

If our behavior matches Mozilla, then why does the page look different in Mozilla?

[Robert Blaut]

I've checked the site in Webkit r30218 and the search button no more overlaps search field.

I close the bug as FIXED. Troy, feel free to REOPEN the bug if you still experience the issue.