Bug 15370

Summary:

Dropdown control is misaligned at right top of the page because of margin: -18px

Product:

WebKit

Reporter:

Anantha Keesara <anantha>

Component:

Evangelism

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Minor

CC:

ddkilzer, jensimmons, mitz, vicki, webkit

Priority:

Version:

523.x (Safari 3)

Hardware:

All

OS:

All

URL:

http://world.people.com.cn/

Attachments:

Description	Flags
Dropdown control is misaligned at right top of the page because of margin: -18px	none
another test case	none
Screenshot	none

Description Anantha Keesara 2007-10-04 08:05:33 PDT

I .Steps:
-----------
1. Go to: http://world.people.com.cn/

II. Issue:
-----------------
In the right top of the page dropdown control is misaligned.

III. Other browsers:
-----------
IE, FF: no issue.
Safari and Opera: has the issue

Attached is minimal testcase.

Comment 1 Anantha Keesara 2007-10-04 08:07:14 PDT

Created attachment 16532 [details]
Dropdown control is misaligned at right top of the page because of margin: -18px

Comment 2 mitz 2007-10-04 09:19:10 PDT

I cannot immediately see that WebKit is wrong. It depends on what constitutes the "outer edge" of a box when it has negative margins.

Comment 3 Robert Blaut 2008-02-15 05:53:09 PST

Created attachment 19137 [details]
another test case

This issue is not a bug. It's rendered as expected in Webkit and Opera. Negative margin is a workaround for Firefox bug that renders floated select element to low in this case.

Comment 4 Robert Blaut 2008-02-15 05:55:53 PST

Hmm, it's better to classify the bug as evangelism issue. The site should correct its code.

Comment 5 David Kilzer (:ddkilzer) 2010-03-30 10:22:57 PDT

Firefox renders the two test cases the same as WebKit nightly r56669.

The site still hasn't fixed the issue.

Comment 6 David Kilzer (:ddkilzer) 2010-03-30 14:16:26 PDT

Created attachment 52080 [details]
Screenshot