Fixed Problem with Image Sizing in Firefox 34

[Nosxxx]

Hi,
since the update to 1.0.1 the dynamic resizing of Images does not work.

https://www.dropbox.com/s/b012dyi756nbxta/Screenshot 2014-12-02 21.10.51.png?dl=0

How can I fix this?

 

[Chris D]

Bear in mind the release notes had quite a long list of changed templates. Do you have any outdated templates listed in your Admin CP?

 

[Nosxxx]

Nope i don't have any outdated Template :S

 

[Chris D]

Is it all your images, because I'm browsing your site now and it looks fine...

 

[Nosxxx]

I have the same problem on Xenforo. On chrome it works fine but on Firefox its buggy :S.
I use FF 34

 

[Nosxxx]

A friend also uses ff34 and it does not work :S May its a FireFox issue

 

[Chris D]

I just upgraded to FF34 and I can now see the problem.

I'll have to be honest, I have no idea why Firefox has chosen to treat that CSS like that. It's a new change, and it's possibly a mistake on their part.

However, in the interim, please edit xengallery_media_view.css and remove this:

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

This will prevent images from being centered, but it also won't affect operations such as cropping and tagging media. It's just temporary until a more permanent solution is worked out.

 

[Nosxxx]

Thanks!

 

[MrDeranged]

@Chris D

Not sure if I'm having the same problem or not. I'm also using FF34 and my gallery now looks like this:



Will the fix above work for me as well?

Thanks in advance.

 

[Chris D]

Yes. It's the same thing.

 

[19ninety]

Just tried removing the code mentioned above from xengallery_media_view.css but doesnt appear to have worked for me:



Will I need to edit something in a style template too?

 

[Chris D]

Shouldn't have to do anything else. The images should have a max width of 100% which would prevent it overflowing the rest of the page.

 

[Bionic Rooster]

Just tried removing the code mentioned above from xengallery_media_view.css but doesnt appear to have worked for me:

View attachment 91758

Will I need to edit something in a style template too?

Doesn't work for me either

 

[Chris D]

Does it work with the default XF style? Because it certainly does work.

 

[Bionic Rooster]

Sorry, yes it does work NOW, helps if I edit the right file

 

[19ninety]

Firefox isnt happy still, even on the default style:



Chrome is ok though:

 

[Chris D]

You simply can't have applied the workaround
correctly. It has worked for everyone else. It's also worth noting you would have to apply the fix to each style, including child styles in case they have been edited independently.

 

[19ninety]

 

[Bionic Rooster]

I guess you got it working? I'm using FF 34.0

 

[19ninety]

Yep, all sorted now. I was searching for xengallery_media_view.css which only returned one result. However I didnt realise that I then had to select each style using the drop down on the right (see my last image) and edit each one ... I kinda twigged as Chris replied as I wondered and realised why only one style had been fixed... doh!