Fixed Problem with Image Sizing in Firefox 34

[Bionic Rooster]

Good to hear
That's the problem I had too. Too many styles, and child styles and editing the wrong css didn't help either LMAO

 

[Chris D]

Just an update on a permanent fix by the way.

I'm steering towards this being a browser bug but of course one that we'd need to workaround one way or another (in a better way than the current solution). I've reproduced a simplified test case so I'll submit that to Mozilla as a bug and in the meantime we'll see if there's a better workaround.

 

[19ninety]

@Bionic Rooster oh yes! Xenforo is a nice steady ongoing learning slope, rather than curve

@Chris D as always thanks for the excellent support and speedy workarounds and fixes!

 

[bt012ss]

.mediaContainerCenter
{
    display: flex;
    justify-content: center;
    align-items: center;
}

Hi Chris,
when i delete this Code than i also delete the preview of any video, correct?
So it is for me.

 

[Chris D]

Deleting that code would not affect videos. The CSS we're removing doesn't apply to videos. Make sure you have deleted the correct code from the correct template.

 

[bt012ss]

I have only one template with this code.



When i delete this code than i can only look the video after a click on this button



I will take another look, maybe i find something.

 

[Chris D]

I'm looking at your site now, everything looks fine.

 

[bt012ss]

With FF 34.0.5 ?

Here on two pc´s in my company i see it so how i wrote above, thats crazy.

I´ll take a look at home tonight, thanks for now.

 

[Mike]

I tried a few random videos as a guest in FF 34 and it displayed correctly for me on the main media display page.

 

[Chris D]

Well, that was actually somewhat easier than I expected.

The change in Firefox is actually down to a change in the CSS Flexible Box Layout Module spec, so it's likely that this bug would have eventually affected other browsers.

If you implemented the previous workaround, please revert those changes.

The exact fix is to edit xengallery_media_view.css:

.mediaContainer .imageContainer
{
    margin: 0 auto;
}

Change that to:

.mediaContainer .imageContainer
{
    margin: 0 auto;
    min-width: 0;
}

 

[Deleted member 10469]

You can fix this issue with this code inside your extra.css template:

.mediaContainer .imageContainer {
    max-width: 100% !important;
}

 

[Chris D]

Instead it is recommended to upgrade to XenForo Media Gallery 1.0.2.