EXIF Orientation Issue in Safari Mobile

by

We also stumbled upon this when our mobile suddenly behaved differently and finally find the root cause of this.

Both WebKit (iOS) and Android (Chrome) have just recently changed the default behavior of the image-orientation CSS propterty. While it was none before, it is now from-image. This means: Before, they ignored the EXIF data of an image by default, while they are now using it to auto-correct the image. Which break our own auto-correction based on the exifreader library.

Here are some relevant links:

Funny enough, also the Slack team seems to have run into this:

Fortunately, the author of the exifreader library (who just some weeks later ran into the same problems) also guided me to a way to detect the behavior. You can find his answer here:

I also noticed that Modernizr has a test for this, so I am actually using a custom modernizr build now to detect the browser behavior.

More Related Contents:

  1. What is the meaning of the “at” (@) prefix on npm packages?
  2. How to get current value of RxJS Subject or Observable?
  3. Validation of file extension before uploading file
  4. How to remove one specific selected file from input file control
  5. How to set locale in DatePipe in Angular 2?
  6. Dynamic template URLs in Angular 2
  7. Angular Cli Webpack, How to add or bundle external js files?
  8. App.settings – the Angular way?
  9. Angular2 Dynamic input field lose focus when input changes
  10. How to Consume Http Component efficiently in a service in angular 2 beta?
  11. Angular 2.1.0 create child component on the fly, dynamically
  12. Angular4 – No value accessor for form control
  13. How to upload a file using jQuery.ajax and FormData
  14. Crbug/1173575, non-JS module files deprecated. chromewebdata/(index)꞉5305:9:5551
  15. What is ngDefaultControl in Angular?
  16. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  17. Property ‘entries’ does not exist on type ‘ObjectConstructor’
  18. Difference between onbeforeunload and onunload
  19. Angular 2 – Chaining http requests
  20. Unraveling Angular 2 book, Chapter 1, Example 5
  21. Cast int to enum strings in Typescript
  22. Module not found: Error: Can’t resolve ‘fs’ in
  23. Load JSON content from a local file with http.get() in Angular 2
  24. how to define index in angular material table
  25. How to Export JSON to CSV or Excel – Angular 2
  26. Angular 2 Final Release Router Unit Test
  27. Detect if page is loaded inside WKWebView in JavaScript
  28. Handling standby on iPad using Javascript
  29. How to detect firestore connection failure
  30. iframe inside angular2 component, Property ‘contentWindow’ does not exist on type ‘HTMLElement’

Leave a Comment