Fullscreen Rotate Device Issue (iOS only)

Tacocat's Avatar

Tacocat

28 Jun, 2017 02:08 PM

Scenario: Click image fullscreen. In fullscreen mode, rotate device.

Result: Image do not scale and/ or resize to fit new device width.

This issue was repeatable on several iOS devices, but not on any Android devices or PC browsers.

Is there any way to trigger an event to rescale image when rotating in fullscreen?
Or any other fix for that matter?

  1. Support Staff 1 Posted by Dmitry Semenov on 28 Jun, 2017 04:55 PM

    Dmitry Semenov's Avatar

    Hello,

    Might be related to this webkit bug https://bugs.webkit.org/show_bug.cgi?id=170595

    Try adding the code that updates size after orientation change with delay

        var t;
        $(window).on('orientationchange', function() {
          clearTimeout(t);
          t = setTimeout(function() {
            $('.royalSlider').data('royalSlider').updateSliderSize(true);
          }, 500);
        });
    
  2. 2 Posted by Tacocat on 29 Jun, 2017 06:18 AM

    Tacocat's Avatar

    Thank you very much Sir, That works like a charm!

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac