I recently noticed that when Jetpack’s Photon module is activated strange things may start happening in Safari on my iPad.
Expected behaviour
Images should not be stretched out of proportion when window size changes.
Actual behaviour
Some images get stretched vertically when viewed on an iPad using Safari.
Problem explanation
It’s difficult to debug the jQuery running in Safari and I wasn’t able to reproduce the problem emulating an iPad in Chrome on Windows.
But, I’ve concluded that there are two bits of jQuery which are both trying to adjust the image height and width and Photon’s probably being asked for the wrong image size.
Pragmatic workaround
One or more of the following:
- Deactivate Photon
- Switch themes
- Hardcode image tags to include the width and height
- Don’t use the iPad
Long term fix
Switch themes