354621 - Link not rendered properly on forums with community server 2.x software (due to -moz-inline-box rule)

Status: RESOLVED DUPLICATE of bug 321402

(Core :: Layout: Block and Inline, defect)

Description

[-fullmetaljacket-]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9a1) Gecko/20060927 Minefield/3.0a1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9a1) Gecko/20060927 Minefield/3.0a1

button not rendered properly that using community server 2.x 

Reproducible: Always

Steps to Reproduce:
1. just browse the site
2.
3.

Actual Results:  
only the upper part of the button appear.

Expected Results:  
the whole button should appear.

Comment 1

[Phil Ringnalda (:philor)]

*** Bug 354622 has been marked as a duplicate of this bug. ***

Comment 2

[Phil Ringnalda (:philor)]

*** Bug 354623 has been marked as a duplicate of this bug. ***

Comment 3

[Adam Guthrie]

Are you talking about the button next to the "search" field at the top right of the page? Please be more descriptive of the problem.

Comment 4

[-fullmetaljacket-]

(In reply to comment #3)
> Are you talking about the button next to the "search" field at the top right of
> the page? Please be more descriptive of the problem.
> 

yup the SEARCH button is of those not rendered properly. plus the PREVIOUS and NEXT button next to the SORT POST and the REPLY and QUOTE button on the forum post itself. (btw, the problem does not exist with firefox 1.5.x and 2.x

Comment 5

[-fullmetaljacket-]

btw, those site render properly on firefox 1.5x and 2.0

Comment 6

[Adam Guthrie]

This boils down to the same issue as in bug 356380 and bug 329050. They're using "display: -moz-inline-box;" CSS rules on the link:

.CommonImageTextButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	padding: 4px;

So the link gets a height and width of 0 and the only thing you see is the styled surrounding <div>.

Comment 7

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

*** This bug has been marked as a duplicate of 321402 ***

Comment 8

[-fullmetaljacket-]

(In reply to comment #6)
> This boils down to the same issue as in bug 356380 and bug 329050. They're
> using "display: -moz-inline-box;" CSS rules on the link:
> 
> .CommonImageTextButton
> {
>         display: inline-table;
>         display: -moz-inline-box;
>         display: inline-block;
>         padding: 4px;
> 
> So the link gets a height and width of 0 and the only thing you see is the
> styled surrounding <div>.
> 

thanks for figuring it out.