bw.passkit.net - Page doesn't load

[webcompat-bot]

URL: https://bw.passkit.net/~/#/p/GcgUEEkwJI4lUx

Browser / Version: Firefox iOS 33.0 Operating System: iOS 14.4.2 Tested Another Browser: Yes Safari

Problem type: Design is broken Description: Images not loaded Steps to Reproduce: Black screen. Don’t know what to do.

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue.

Note: The issue is not reproducible on Safari and Chrome or Firefox RDM (iPhone) .

Tested with: Browser / Version: Firefox Daylight 33.0 (4119) Operating System: iPod touch iOS 12.5.2 (1136 x 640 pixels (~326 ppi pixel density)

Moving to Needsdiagnosis for further investigation.

[karlcow]

I could reproduce the issue on Firefox RDM with UA. I get a black screen.

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

if I remove this I get the expected screen.

if I use an iPhone Safari UA, I get also the expected screen.

And this is the code in charge of showing the content.

  function t(t, n, r, i, a, o, s, u) {
    function l(e) {
      var o = t.attrGetter('ngfNoObjectUrl', a, r);
      t.dataUrl(e, o) ['finally'](function () {
        n(function () {
          var t = (o ? e.$ngfDataUrl : e.$ngfBlobUrl) || e.$ngfDataUrl;
          u ? i.css('background-image', 'url(\'' + (t || '') + '\')') : i.attr('src', t),
          t ? i.removeClass('ng-hide') : i.addClass('ng-hide')
        })
      })
    }
    n(function () {
      var n = r.$watch(a[o], function (n) {
        var c = s;
        if ('ngfThumbnail' === o && (c || (c = {
          width: i[0].naturalWidth || i[0].clientWidth,
          height: i[0].naturalHeight || i[0].clientHeight
        }), 0 === c.width && window.getComputedStyle)) {
          var d = getComputedStyle(i[0]);
          d.width && d.width.indexOf('px') > - 1 && d.height && d.height.indexOf('px') > - 1 && (c = {
            width: parseInt(d.width.slice(0, - 2)),
            height: parseInt(d.height.slice(0, - 2))
          })
        }
        return angular.isString(n) ? (i.removeClass('ng-hide'), u ? i.css('background-image', 'url(\'' + n + '\')') : i.attr('src', n)) : void (!n || !n.type || 0 !== n.type.search(e(i[0])) || u && 0 !== n.type.indexOf('image') ? i.addClass('ng-hide') : c && t.isResizeSupported() ? (c.resizeIf = function (e, i) {
          return t.attrGetter('ngfResizeIf', a, r, {
            $width: e,
            $height: i,
            $file: n
          })
        }, t.resize(n, c).then(function (e) {
          l(e)
        }, function (e) {
          throw e
        })) : l(n))
      });
      r.$on('$destroy', function () {
        n()
      })
    })
  }

But if I set log probe there It seems we never reach that code.

[karlcow]

oh…

      function D() {
        var t = /(OPiOS|FxiOS)/gi;
        return 'undefined' == typeof e.userAgent ? !1 : t.test(e.userAgent)
      }

this returns false? why is that.

t.test(e.userAgent): false t.test(navigator.userAgent): true

e.userAgent is undefined

so that could be why.

[webcompat-bot]

Generate outreach template

[karlcow]

Maybe @pkosterman can help find the right person who can fix this code.