Customizer: Incorrect image scaling under image picker

[mauryaratan]

Currently under Theme Customizer when an image is selected under via image picker resizes incorrectly.

Apparently adding the following fixes the issue:

.accordion-section .customize-control-image .preview-thumbnail img {
  width: auto;
  height: auto;
}

[mauryaratan]

Sets the image widget/height to auto

[nofearinc]

The patch works for me and fixes the issue. Tested with different dimensions and sizes, no incorrect scaling is applied and the images don't overflow the area.

[jeremyfelt]

The current setting of width: 100%; was introduced in [20920] to fix the width for thumbnails in IE8 as part of a general IE8/9 Theme Customizer compatibility ticket, #20582.

@nofearinc & @mauryaratan - what browsers are you using? I see the issue in Chrome 34 on OSX, and the patch does correct it. Not entirely sure what it may impact though.

[mauryaratan]

Replying to jeremyfelt:

The current setting of width: 100%; was introduced in [20920] to fix the width for thumbnails in IE8 as part of a general IE8/9 Theme Customizer compatibility ticket, #20582.

@nofearinc & @mauryaratan - what browsers are you using? I see the issue in Chrome 34 on OSX, and the patch does correct it. Not entirely sure what it may impact though.

I see. I just checked it across different browsers, seems issue is not there in Firefox but it’s there in Safari and Chrome on OSX.

Do anyone here have IE here to test the patch?

[nofearinc]

Chrome 33 on Fedora Linux - I can reproduce the bug there and the patch fixes it. Firefox works with and without the patch for me.

[mauryaratan]

I just tested it under IE9/IE10 on Windows 7. The bug doesn't seems to be there, and applying the patch above doesn't creates any issue either, however it fixes the issue with webkit/blink based browsers.

[graphical_force]

Works for me on Chrome, IE 11, and Firefox 31 on Windows 8.1 with trunk. Suggest we close.

[ocean90]

Invalid since [30309].