Issue with X and button in theme/plugin

[gwickham]

Hi,

We have Memberpress plugin which uses a third-party jQuery plugin called Magnific Popup (https://dimsemenov.com/plugins/magnific-popup/). For some reason, X theme has some conflicts with that plugin overriding touch event on mobile/tablet devices. After deactivating your main X theme JS file (located in /framework/dist/js/site/x.js) the problem was gone. Unfortunately, we can dig deeper since that file is minified.

Basically what is happening: there is a button that when clicked, highlights the button (like its been clicked), but it doesn’t actually do anything (no pop-up appears). But, if a user clicks the far corner of the button, the button highlights and works like it should, bringing up the pop up screen. This is only happening on mobile devices. As the button works perfectly on desktop. Can you help please. We have spent quite some time trying to solve this issue. Thanks!

[paul.r]

Hi @gwickham,

Please note that 3rd party plugin compatibility issues are out of the scope of our support. There are hundreds or thousands of 3rd party plugin and it’s impossible to predict any incompatibility, but we will inform our development team regarding this.

Thank you for your understanding.

[gwickham]

Hi Paul,

Thanks for your help. The issue we are having is with the theme behavior and not the plugin. Can you at least send me a non-minified version of this file: /framework/dist/js/site/x.js ? As we have deduced after a lot of time and trial and error that this is the issue. Thanks!

[mldarshana]

Hi There @gwickham

You can use unminify tool like this (https://unminify.com/) and get the unminified version of that file.

Here’s the output copied from that (https://pastebin.com/2ZZa9fQc).

Thanks!