fixed tawk chat bubble visibility issues

Author: shyamlohar

.npmrc

@@ -0,0 +1,3 @@
+always-auth=true
+@draftbox-co:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=1732426a6f9b345ffb30c6dcec6b3076499d7702

gatsby-browser.js

@@ -10,8 +10,12 @@ const onInitialClientRender = (_, pluginOptions) => {
   const tawkScript = document.createElement("script");
   tawkScript.src = source;
   tawkScript.defer = true;
+  const reffererMeta = document.createElement("meta");
+  reffererMeta.name = "referrer";
+  reffererMeta.content = "no-referrer-when-downgrade";
 
   const appendScript = () => {
+    document.head.appendChild(reffererMeta);
     document.body.appendChild(tawkScript);
   };
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbox-co/gatsby-plugin-tawk-lazy",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "index.js",
   "license": "MIT",
   "devDependencies": {

src/gatsby-browser.js

@@ -10,7 +10,14 @@ export const onInitialClientRender = (_, pluginOptions) => {
 
   tawkScript.defer = true;
 
+  const reffererMeta = document.createElement("meta");
+
+  reffererMeta.name = "referrer";
+
+  reffererMeta.content = "no-referrer-when-downgrade";
+
   const appendScript = () => {
+    document.head.appendChild(reffererMeta);
     document.body.appendChild(tawkScript);
   };