thwp

Hi (:

I first have a small correction to my initial ticket:
When I wrote: “I have an issue in which a Video widget has Lightbox enabled, and when I TAB to it (so the Play button gets focus) and then press Enter/Space key, it doesn’t start playing.“, instead of “it doesn’t start playing” it should have been “the lightbox is not being open“.

Well, I did a conflict test and deactivated all plugins, but the issue still occurred, so it was not a plugin conflict. I then reviewed my custom jQuery code in child theme’s functions.php and saw I’ve previously added some code to make all buttons accessible, like this:

// Add keyboard support for all buttons, so they react to both Enter & Space keys:
$('*[role=button]').keydown(function (e) {
    if ((e.key == 'Enter') || (e.key == ' ')) {
	e.preventDefault();
  	setTimeout(function () {
	    $(this).click();
	}, 300);
    }
});

// Some more code here to fix focus handling on Click event...

When I changed it like so (i.e. added the if statement below) the issue was fixed:

// Add keyboard support for all buttons, so they react to both Enter & Space keys:
$('*[role=button]').keydown(function (e) {
    if ((e.key == 'Enter') || (e.key == ' ')) {
        e.preventDefault();

	if ($(this).hasClass('elementor-custom-embed-play') &&
            $(this).closest('.elementor-wrapper').hasClass('elementor-open-lightbox')) {
                let current_button = $(this);
                setTimeout(function () {
                   current_button.click();
                }, 300);
	}
	else {
	    setTimeout(function () {
	        $(this).click();
	    }, 300);
	}
    }
});

// Some more code here to fix focus handling on Click event...

I hope it helps someone.

• This reply was modified 3 months, 2 weeks ago by thwp.

Update:
– I did a conflict test by deactivating all plugins besides the essential ones (Elementor, Elementor Header & Footer Builder) and a few other plugins I didn’t feel comfortable deactivating.
– I refreshed the Permalinks (twice), refreshed Elementor (in Elementor –> Tools I clicked the [Regenerate Files & Data] button + [Sync Library] button, and then [Save Changes] button), and cleared WP & hosting caches.
– I tested to see if now Elelemtor editor will open up and let me edit the footer – it did open up, which meant that the above activated plugins were not the cause of the issue.
– I then re-activated each one of the deactivated plugins, one by one, and after each re-activation I tested if Elementor editor opened up, and each time it did!

So it was indeed a Permalinks/Caching issue, which was FINALLY solved.
I hope this info will help someone (;

Hi,
I’m having the same issue mentioned above of not being able to edit the footer anymore, because Elementor editor is loading forever. I’m using latest versions of everything (WP, Elementor, EHFB, etc).

I tried the solutions offered by @bsfherman (i.e. deactivating and reactivating this plugin (EHFB), switching themes), but they didn’t work. I also tried re-saving the Permalinks and clearing all caches, but it didn’t work either.

Today I tried the following:
1) Changing the footer to Draft mode (via Quick Edit) –> Elementor editor did open up.
2) Duplicating the footer –> Elementor editor did open up.

Hoping for a quick fix for this issue.
Thank you.

• This reply was modified 7 months, 1 week ago by thwp.

Hey there,
Any news on this issue?

Hey there,

I’ve just updated Woocommerce from 8.5.2 to 8.6.0, and then enabled JS Deferral in SG Optimizer, cleared all caches and tested my site.
The result: All was back to normal – no JS errors anymore! (:

I had another issue before (in Woo 8.5.2), in which Woo’s notifications had their styling corrupted, and this issue has been fixed as well in 8.6.0. (:

So thank you, the Woocommerce team.

I hope it helps you, @robobalasko, and anyone else.

Regards,
thwp

Hi,

I’ve deleted my new gist, and I’ll take from here to SG Optimizer’s support forum.
Thank you all for your time and help. (:

Kind regards,
thwp

• This reply was modified 1 year, 1 month ago by thwp.

Update:

I just did some digging in SG Optimizer’s support forum, and someone reported that they were able to resolve a conflict with WooCommerce by disabling the ‘Defer Render-blocking JavaScript’ option in SG Optimizer plugin. So I’ve disabled this option too, cleared all caches, and tested the site again.
The error above did not show up anymore.

• This reply was modified 1 year, 1 month ago by thwp.
• This reply was modified 1 year, 1 month ago by thwp.

Hey @carolm29,

I just run the conflict test on a staging site, as you’ve suggested, and I found out it was the SG Optimizer plugin which caused the error. I’m using SG Optimizer (now called Speed Optimizer) 7.4.6. Everything is updated to the latest version.

Here is my new gist:
https://gist.github.com/triyutstudio/7175bf089b07af42b16eea558e4aeacb

Looking forward to your reply.

Kind regards,
thwp

• This reply was modified 1 year, 1 month ago by thwp.

Update:
I’ve updated Woocommerce to 8.5.2, and now I only get one error in Chrome DevTools’ Console, which is different than the original 4 errors: Uncaught TypeError: Cannot read properties of undefined (reading ‘use’).

The code that throws this error is this:

<script defer id="wp-data-js-after">
     (function() {
         var userId = 0;
         var storageKey = "WP_DATA_USER_" + userId;
         wp.data.use(wp.data.plugins.persistence, {
             storageKey: storageKey
         });
      })();
</script>

It mean that ‘wp.data’ above is being undefined…

The error is thrown in all pages, and only for guest/logged-out users, meaning when I view the site in Incognito mode. It doesn’t occur when I view the site while being logged in. (Note: users in my store do not create an account, they are “guest users”, so this error basically affects all my users)

I temporarily switched to the default theme (Twenty Twenty-Four), but the error still persisted. So this is not related to the theme.

Since there is no such error when being logged in, does it mean no conflict with other plugins but instead it’s an issue solely in Woocommerce?

Please help me solve it.

Kind regards,
thwp

• This reply was modified 1 year, 1 month ago by thwp.
• This reply was modified 1 year, 1 month ago by thwp.

Hi Zubair,

Thank you for your response. (:

Here is my gist: https://gist.github.com/triyutstudio/22a6ce43b78aebfbafa7748aa82ba154

Kind regards,
thwp

PS – gibonwebbuppsala and joy0114 – thank you for replaying too. (:

• This reply was modified 1 year, 1 month ago by thwp.

Update: #2
Excluding the parent element was actually not OK, because by excluding it I lost translation that was actually needed… So I rolled back to previous state and excluded the two elements by their CSS IDs again.
I then realized that I had some JS code that manipulated these two elements’ parent elements, so I ended up changing stuff in my JS code.
Since I cannot reproduce the issue I’ll have to monitor this website some more, to see if the issue happens again.

Update:
I just saw that the last two ‘#!trpst#trp-gettext’ instances mentioned above were back… So I excluded them in?Exclude selectors from translation?option in TP settings by their parent element’s CSS class.
When I refreshed the page these instances were gone.

• This reply was modified 1 year, 10 months ago by thwp.

Hi,
I’m having the same issue. I’ve upgraded Astra to version 4.0 today (free version), and since then the header is completely missing on mobile view. It’s OK on desktop and tablet views.
Astra team, please fix this ASAP as the website it seriously broken on mobile like this.

Hi (-:
I’ve just updated to latest version (v5.4.2), cleared all caches, and tested. The issue is now resolved.
Thank you so much.