2

It seems that something about Mobile web refresher, part 2 broke rendering of clickable markdown images in Firefox / Firefox Mobile.

In the example below, I built a clickable markdown image with [![enter image description here][1]][1], where ![enter image description here][1] is a markdown hyperlink to the original-sized image.

Testing with Firefox Mobile 31.0 on Android "KitKat" 4.4.2 (Samsung Galaxy S4) produced the results shown in the examples below.

Example 1: when you make an image clickable in an answer, the answer's mobile image sizing breaks (and text renders off the screen), as shown in this screen-capture from Firefox Mobile:

You can reproduce the problem by checking FF mobile rendering of the answer which inspired this bug report.

Example 2: the same Firefox Mobile rendering of an answer without a clickable image renders without problems in Firefox Mobile:

NOTE: This seems to be a bug in all Firefox versions... Chrome / Safari Mobile don't seem to suffer from the problem.

Improve this question
5
  • Works fine on ios7
    – Sklivvz
    Aug 6, 2014 at 9:51
  • It also works fine in Chrome... but AFAIK, FF Mobile is a supported browser, right? Is this something SE will consider fixing, or are you contending that this is a browser bug?
    – Mike Pennington
    Aug 6, 2014 at 9:54
  • i'm trying to make a reasonable effort to support it, but its not a supported browser, since it has a tiny user base. mostly, issues that are shared with the desktop version.
    – Sklivvz
    Aug 6, 2014 at 9:59
  • 1
    it took me a while to understand what you meant. text wrapping and links are ok. images are not resized, instead.
    – Sklivvz
    Aug 6, 2014 at 10:10
  • Mea Culpa, I'm a network engineer... as such, my web development IQ occasionally suffers...
    – Mike Pennington
    Aug 6, 2014 at 10:30

1 Answer 1

Reset to default
2

This happens also with the desktop version of Firefox, as it doesn't respect the css max-width property. Fun.

This will be fixed in the next deployment. I was optimistic, I will need to look at it a bit more.

It's a browser quirk. Opera and Firefox do not work properly when a max-width element is inside a display: table-cell; element. For some reason they are not able to calculate the correct container size -- which is strange because the correct size is calculated when width is used.

See some discussion about this on our site.

Firefox bug.

Improve this answer
2
  • 1
    Question is, is this a bug in Firefox? If so maybe better wait for them to fix it?
    – Shadow Wizard Is Sad And Angry
    Aug 6, 2014 at 14:20
  • Caniuse says it's supported in FF. Looks like an FF bug.
    – bjb568
    Aug 6, 2014 at 14:40

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .