Facebook for Woocommerce – messenger appears only on Chrome Windows

WooCommerce version: 5.1.0
WordPress version: 5.7.1
Facebook for WooCommerce: by Facebook – 2.3.5

Also I checked my whitelisted domains (created automatically by the plugin) on the FB page and they are correct.
1. https://www.mydomain.com
2. https://www.facebook.com

Facebook for Woocommerce – When I enable messenger from the plugin settings, :
1. it appears on Chrome Windows.
2. nothing on Chrome Windows Incognito which shows console error: Refused to frame ‘https://www.facebook.com/’ because an ancestor violates the following Content Security Policy directive: “frame-ancestors https://www.facebook.com”.
2. nothing on Chrome Android.
3. nothing on Firefox Android.
4. nothing on Firefox Windows.
FF Windows also has notices:

Feature Policy: Skipping unsupported feature name “encrypted-media”. xfbml.customerchat.js:189:1086
Feature Policy: Skipping unsupported feature name “encrypted-media”. xfbml.customerchat.js:189:1170
Feature Policy: Skipping unsupported feature name “encrypted-media”. xfbml.customerchat.js:189:1184
Feature Policy: Skipping unsupported feature name “encrypted-media”. xfbml.customerchat.js:189:1348
Some cookies are misusing the recommended “SameSite“ attribute 2
Cookie “_fbp” will be soon rejected because it has the “SameSite” attribute set to “None” or an invalid value, without the “secure” attribute. To know more about the “SameSite“ attribute, read https://developer.mozilla.org/docs/Web/HTTP/Headers/Set-Cookie/SameSite 733780907287962:25:5381
Cookie “_fbp” will be soon rejected because it has the “SameSite” attribute set to “None” or an invalid value, without the “secure” attribute. To know more about the “SameSite“ attribute, read https://developer.mozilla.org/docs/Web/HTTP/Headers/Set-Cookie/SameSite

I managed to inspect the contects of the “#fb-root iframe” on firefox windows:

Firefox Can’t Open This Page
To protect your security, www.facebook.com will not allow Firefox to display the page if another site has embedded it. To see this page, you need to open it in a new window.
Learn more…
Report errors like this to help Mozilla identify and block malicious sites

I used this CSS to display the above contents:

#fb-root {
position: absolute;
top: 100px;
left: 100px;
}

#fb-root .fb-customerchat {
position: absolute;
top: 100px;
left: 100px;
width: 500px;
height: 500px;

}
#fb-root span {
width: 500px !important;
height: 500px !important;
}
#fb-root iframe {
visibility: visible !important;
width: 500px;
height: 500px;
}

Need some help please.
Thank you

• This topic was modified 3 years, 11 months ago by aristotelisj.
• This topic was modified 3 years, 11 months ago by aristotelisj.
• This topic was modified 3 years, 11 months ago by aristotelisj.
• This topic was modified 3 years, 11 months ago by aristotelisj.
• This topic was modified 3 years, 11 months ago by aristotelisj.