PolymerElements / iron-image

Image element with sizing and preloading options
https://www.webcomponents.org/element/PolymerElements/iron-image
37 stars 43 forks source link

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

Open dgp1130 opened 6 years ago

dgp1130 commented 6 years ago

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