876050 - text cut off on investorjunkie.com (Android)

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: English US, defect)

Description

[Brad Lassey [:blassey] (use needinfo?)]

text is cut off on the right side

Comment 1

[Aaron Train [:aaronmt]]

Attachment: screenshot (Nightly 05/27)

Comment 2

[Kartikaya Gupta (email:[e-mail])]

This happens on desktop FF too with responsive design view. The <div id="content"> is width: 100% but also has horizontal padding of 20 pixels, which causes it to be shifted over and cut off. Doesn't happen in Chrome on Android though. I looked at some of their CSS and saw that they have webkit- and moz-prefix properties so this might be a core gecko bug.

Comment 3

[Kartikaya Gupta (email:[e-mail])]

Comparing between Chrome and FF desktop the problem appears to be that at line 2944 of http://cdn.investorjunkie.com/wp-content/themes/investorjunkie/style.css.gzip?ver=1.9.2 they have a box-sizing:border-box property which we don't apply, because we require a prefixed version.

Comment 4

[j.j.]

(In reply to Kartikaya Gupta (email:[e-mail]) from comment #3)
> Comparing between Chrome and FF desktop the problem appears to be that at
> line 2944 of
> http://cdn.investorjunkie.com/wp-content/themes/investorjunkie/style.css.
> gzip?ver=1.9.2 they have a box-sizing:border-box property which we don't
> apply, because we require a prefixed version.

So this is a "Tech Evangelism" bug. Can someone contact them?

Apparently this:

#sidebar-alt {
		box-sizing: border-box;
		width: 100%;
	}

has to be changed to this:

#sidebar-alt {
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
	}

Comment 5

[Kartikaya Gupta (email:[e-mail])]

Isn't it better to just unprefix box-sizing in our code? We have it implemented already, I don't see why the web developer should be forced to work around our slowness in unprefixing.

Comment 6

[j.j.]

(In reply to Kartikaya Gupta (email:[e-mail]) from comment #5)
> Isn't it better to just unprefix box-sizing in our code? We have it
> implemented already, I don't see why the web developer should be forced to
> work around our slowness in unprefixing.

sure, and we have bug 243412 that (see comments from layout peers there).

But even fixing bug 243412 today, doesn't fix *this* (bug 876050) for today's and older versions of Firefox.    

The only thing do here is to send an email to the webmaster (referring to this bug#).
If he/she doesn't care, we don't care too an spend our time for other bugs.

Comment 7

[Ahmad Saleem]

Informed the site webmaster using Contact Us form and got reply that they will look into this.

Comment 8

[Robin Whittleton]

#sidebar-alt doesn’t use box-sizing any more in their CSS so I guess they fixed it.