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)

x86
macOS
defect
Not set
normal

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.
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.
Summary: -moz-border-radius renders contents 1px higher than it should on OSX build → -moz-border-radius renders contents vertically offset on OSX build
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?
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
Status: UNCONFIRMED → RESOLVED
Closed: 15 years ago
Resolution: --- → DUPLICATE
(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.