PolymerElements/iron-image

iron-image does not respect EXIF orientations with sizing="contain"

Opened this issue · 0 comments

Description

When running on iOS Safari, capturing an image with HTML5 picker always saves the image in landscape orientation, with an EXIF orientation tag labeling it as actually portrait if necessary. Putting this into an with sizing="contain" displays the image sideways because it does not respect the EXIF orientation.

Expected outcome

Image should be the correct orientation.

Actual outcome

Image is sideways.

Live Demo

http://jsbin.com/buvazetepu/edit?html,output

Steps to reproduce

  1. Open page in iOS Safari (tested on iPod Touch 6 running version 11.2.2)
  2. Press "Choose file"
  3. Take a picture and use it
  4. Image captured is displayed sideways

Browsers Affected

  • Chrome
  • Firefox
  • Safari 10
  • Safari 9
  • Edge
  • IE 11