Image rotation and editing, mobile vs. desktop


Images uploaded from my phone via Press This or post-new.php seem oriented as I wish when viewed from a phone.

#gallery-118 {
margin: auto;
}
#gallery-118 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-118 img {
border: 2px solid #cfcfcf;
}
#gallery-118 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

When viewed from desktop, they look like this.

#gallery-119 {
margin: auto;
}
#gallery-119 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-119 img {
border: 2px solid #cfcfcf;
}
#gallery-119 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

After rotating them in WP’s editor, they show correctly in the image details modal.

#gallery-120 {
margin: auto;
}
#gallery-120 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-120 img {
border: 2px solid #cfcfcf;
}
#gallery-120 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

But they still show incorrectly in the editor and on the front page.

#gallery-121 {
margin: auto;
}
#gallery-121 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-121 img {
border: 2px solid #cfcfcf;
}
#gallery-121 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */

This happens to me often. I’ve learned not to trust images uploaded from mobile or the image editor.

4.2-beta4-31998 on Macnchrome and iPhone 6+.

#4-2, #desktop, #image-editor, #image-rotation, #ios, #macos, #media, #mobile, #phablet, #sideways