www.clubhouse-tennis.fr - Unable to close the pop-up

[webcompat-bot]

URL: https://www.clubhouse-tennis.fr/le-paradoxe-du-tennis-ou-gagner-quand-on-devrait-perdre/#comments

Browser / Version: Firefox Mobile 76.0 Operating System: Android Tested Another Browser: Yes Other

Problem type: Site is not usable Description: Buttons or links not working Steps to Reproduce: Can't close pop-up that apears after 30 secondes.

Steps to reproduce:

1. Wait 30 sec for the pop-up
2. clic on the close button
3. Nothing appears, can't close this pop-up and can't read this article

It works under Samsung Internet Mobile and Firefox Stable for Android.

Disabling extensions and Tracking Protection, no changes.

Browser Configuration

• None

From webcompat.com with ❤️

[cipriansv]

Thanks for the report.

I was indeed able to reproduce the issue. I am not able to close the pop-up on Firefox Preview Nightly.

Tested with: Browser / Version: Firefox Preview Nightly 200408 (🦎 77.0a1-20200407093520), Chrome Mobile 80.0.3987.162 Operating System: Huawei P10 (Android 9.0) - 1080 x 1920 pixels (~432 ppi pixel density)

This is the web page displayed in Firefox Nightly after I tap the "X" button from the pop-up:

And this is the web page displayed in Chrome:

Moving the issue to needsdiagnosis.

[karlcow]

click with

                              function Ur() {
                              }

and onClick

                                RemotePopup = function (_PureComponent) {
                                  function RemotePopup() {
                                    var e,
                                    t;
                                    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default() (this, RemotePopup);
                                    for (var r = arguments.length, n = new Array(r), o = 0; o < r; o++) n[o] = arguments[o];
                                    return t = _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default() (this, (e = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default() (RemotePopup)).call.apply(e, [
                                      this
                                    ].concat(n))),
                                    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default() (_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4___default() (t), 'onCloseHandler', (function (e, r) {
                                      return function () {
                                        t.props.closePopup(e, r)
                                      }
                                    })),
                                    t
                                  }

and

  var closeEventHandler = function(popup) {
    return function (event) {
      if (event.data.expires) {
        setCookie('hide_systeme_popup_374675', "", {"expires": +event.data.expires * 24 * 3600, "path":"/"});
      }
      document.body.removeChild(popup);
      popupWasClosed = true
      enableScroll();
    }
  }

NotFoundError: Node.removeChild: The node to be removed is not a child of this node
NotFoundError: Node.removeChild: The node to be removed is not a child of this node

Object { type: "funnel_step_374675_popup_close", expires: "0" }

Cookie “hide_systeme_popup_374675” has “sameSite” policy set to “lax” because it is missing a “sameSite” attribute, and “sameSite=lax” is the default value for this attribute.

This is interesting because on rdm, it goes a couple of times through the same sequence.

3 times, exactly. Removing the pop up the first time, and then goes through an additional two times, generating the NotFoundError messages

[karlcow]

https://cdnjs.cloudflare.com/ajax/libs/rollbar.js/2.14.4/rollbar.min.js

in

  getElementFromEvent: function (t, e) {
    return t.target ? t.target : e && e.elementFromPoint ? e.elementFromPoint(t.clientX, t.clientY)  : void 0
  },

e.elementFromPoint(t.clientX, t.clientY) returns null. https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/elementFromPoint

it returns the html root element.

the pop up is an iframe

<iframe id="systemeio-iframe-1587709140312" style="display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 0px none; overflow: hidden;" src="https://systeme.io/public/61744591ddacec1a4d2948d17db444df656b14/show?source=https://www.clubhouse-tennis.fr/le-paradoxe-du-tennis-ou-gagner-quand-on-devrait-perdre/#systemeio-iframe-1587709140312"
width="100%" height="568px"></iframe>

the event is never received by the popup. with tracking protection on or off.

Some similar bugs here. https://bugzilla.mozilla.org/buglist.cgi?quicksearch=elementfrompoint&list_id=15214729

But this one seems to be close. https://bugzilla.mozilla.org/show_bug.cgi?id=488007

[karlcow]

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=488007

[lock[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.

[ksy36]

The site design has changed and the popup is no longer shown