Web-bugs: www.geeksforgeeks.org - "Login" popup keeps being dismissed

Created on 27 Mar 2019 · 7Comments · Source: webcompat/web-bugs

URL: https://www.geeksforgeeks.org/loops-in-javascript/

Browser / Version: Firefox Mobile 67.0
Operating System: Android 6.0.1
Tested Another Browser: No

Problem type: Design is broken
Description: Issue with login popup in mobile
Steps to Reproduce:
login popup not staying until I type in my password. It just closed after typing email id. Cannot login. My mobile is a 5.2' screen.

Browser Configuration

mixed active content blocked: true
image.mem.shared: true
buildID: 20190322012752
tracking content blocked: false
gfx.webrender.blob-images: true
hasTouchScreen: true
mixed passive content blocked: false
gfx.webrender.enabled: false
gfx.webrender.all: false
channel: beta

Console Messages:

[u'[JavaScript Warning: "unreachable code after return statement" {file: "https://www.geeksforgeeks.org/wp-content/themes/iconic-one/js/gfg.min.js?ver=10.24" line: 93 column: 2387 source: "uiz_finished[N]&&!triggered){return mtq_exit_warning_string;triggered=!0}}};function mtq_scroll_anchor(mtqid){if(mtq_vie"}]', u'[JavaScript Warning: "This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!" {file: "https://www.geeksforgeeks.org/loops-in-javascript/" line: 0}]', u'[JavaScript Error: "uncaught exception: TagError: adsbygoogle.push() error: No slot size for availableWidth=0"]', u'[JavaScript Warning: "Content Security Policy: Ignoring \'unsafe-inline\' within script-src: strict-dynamic specified"]', u'[JavaScript Warning: "Content Security Policy: Ignoring https: within script-src: strict-dynamic specified"]', u'[JavaScript Warning: "Content Security Policy: Ignoring http: within script-src: strict-dynamic specified"]', u'[JavaScript Warning: "Content Security Policy: Directive child-src has been deprecated. Please use directive worker-src to control workers, or directive frame-src to control frames respectively."]', u'[JavaScript Warning: "Content Security Policy: Directive child-src has been deprecated. Please use directive worker-src to control workers, or directive frame-src to control frames respectively."]', u'[JavaScript Warning: "Content Security Policy: Directive child-src has been deprecated. Please use directive worker-src to control workers, or directive frame-src to control frames respectively."]', u'[JavaScript Warning: "Content Security Policy: Ignoring \'unsafe-inline\' within script-src: strict-dynamic specified"]', u'[JavaScript Warning: "Content Security Policy: Ignoring https: within script-src: strict-dynamic specified"]', u'[JavaScript Warning: "Content Security Policy: Ignoring http: within script-src: strict-dynamic specified"]', u'[JavaScript Warning: "Loading failed for the

All 7 comments

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

Note: Not reproducible on Chrome.

Tested with:
Browser / Version: Firefox Nightly 68.0a1 (2019-03-31)
Operating System: LG G5 (Android 7.0) - 1440 x 2560 pixels (~554 ppi pixel density), Samsung Galaxy S7 Edge (Android 8.0.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)

Moving to Needsdiagnosis for further investigation.

softvision-oana-arbuzov on 1 Apr 2019

👀1 👍1

when I first access the site I get this.

it takes around 5-10s to appear on both chrome and firefox.

Let me close this pop up and then hit the login link. When I do that the same window reopens on both firefox and chrome.

Let's hit the email field.

no issue on rdm
it disappears on the device.

This is probably due to the virtual keyboard creating either a resize event(?) or changing the size of the window. On Chrome. the keyboard comes on top of everything.

karlcow on 2 Apr 2019

The modal window is managed by https://util.geeksforgeeks.org/js/loginModal-1.0.js?ver=1.8

It reminds me of https://bugzilla.mozilla.org/show_bug.cgi?id=1139747

As soon as we exit this function

    document.addEventListener('blur', function (i) {
      var n = t(i.target);
      if (n.is(e)) {
        var s = '.prefix';
        0 === n[0].value.length && !0 !== n[0].validity.badInput && null === n.attr('placeholder') && (s += ', label'),
        n.siblings(s).removeClass('active'),
        M.validate_field(n)
      }
    }, !0);

the keyboard appears and disappears.

karlcow on 2 Apr 2019

Sorry the keyboard appears and the modal window disappears..

karlcow on 2 Apr 2019

Oh and there is this too.
https://bugzilla.mozilla.org/show_bug.cgi?id=1170968

I wonder if chrome behaves differently when virtual keyboard is activated.
Maybe we should open an issue on bugzilla.mozilla.org

karlcow on 2 Apr 2019

If I tell Tinker Tester Developer Spy to ignore resize events, then the problem does seem to go away. Also, the problem doesn't reproduce on Fenix or the Reference Browser, so this is almost certainly a dupe of bz1007286.

Given that, the site could likely also work around this issue in Fennec if desired, by using the orientationchange events instead of resize as seen in this similar issue.

wisniewskit on 4 Apr 2019

👀1

The issue is still reproducible on my side.

Tested with:
Browser / Version: Firefox Nightly 68.3a1 (2019-11-12), Firefox Preview Nightly 191112 (🦎: 72.0a1-20191105095755)
Operating System: Huawei P20 Lite (Android 8.0.0) - 1080 x 2280 pixels, 19:9 ratio (~432 ppi density), Samsung Galaxy S7 Edge (Android 8.0.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)

softvision-oana-arbuzov on 13 Nov 2019

Was this page helpful?

0 / 5 - 0 ratings