Closed
Bug 502309
Opened 15 years ago
Closed 15 years ago
-moz-border-radius renders contents vertically offset on OSX build
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 480196
People
(Reporter: arjunmeht, Unassigned)
References
()
Details
User-Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1) Gecko/20090624 Firefox/3.5 (.NET CLR 3.5.30729) Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1) Gecko/20090624 Firefox/3.5 (.NET CLR 3.5.30729) When using -moz-border-radius, the containing div's contents will be rendered 1px higher than they should. This only happens on the OSX version. It renders as it should on the Windows build (3.0.12/3.5), Google Chrome 2.0, and Safari 3&4 (Both Windows and OSX versions). Internet Explorer 7, and Opera 9.6 render it fine as well, except that they lack the border-radius styling. Reproducible: Always Steps to Reproduce: 1. Apply -moz-border-radius: 5px; to any inline or block-level element (I think) with text or image content. 2. This may have something to do with the padding of the element that has the style applied to it. 3. alternatively view example as indicated Actual Results: The content within the item that has the style applied is 1px higher than it is on any other browser. Surprisingly this can have a definite impression and can make the site look improperly coded and styled. Expected Results: The content should be consistent across all builds of the browser, maintaining specified padding and margins.
Reporter | ||
Comment 1•15 years ago
|
||
On second look, it seems as though the shift may be more than just 1px and seems to be relative to the font size of the contained text.
Reporter | ||
Updated•15 years ago
|
Summary: -moz-border-radius renders contents 1px higher than it should on OSX build → -moz-border-radius renders contents vertically offset on OSX build
Reporter | ||
Comment 2•15 years ago
|
||
One more thing: Try Increasing the font size to see the problem exaggerated. (CMD +)
Could you please attach a reduced test case that displays this issue?
Reporter | ||
Comment 4•15 years ago
|
||
On third look, this had nothing to do with -moz-border-radius, but rather a bigger issue regarding the text baseline. This should be fixed. It is the same issue as Bug 480196 - OS X type rendering - text baseline is shifted upwards, effectively no-longer centered vertically within the line-height
Reporter | ||
Updated•15 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 15 years ago
Resolution: --- → DUPLICATE
Reporter | ||
Comment 6•15 years ago
|
||
(In reply to comment #3) > Could you please attach a reduced test case that displays this issue? Sure thing Kurt, please also see the duplicate bug which also has a good explanation of the problem.
Arjun, please attach it to bug 480196.
You need to log in
before you can comment on or make changes to this bug.
Description
•