Table popup hide on click on page and everything except table button …

dist/PublicLab.Editor.js

@@ -23392,8 +23392,10 @@ module.exports = function initTables(_module, wysiwyg) {
   $('.woofmark-command-table').attr('data-placement', 'top');
 
   $('.woofmark-command-table').popover({html: true});
-
+  let popoverIsOpen = false;
   $('.wk-commands .woofmark-command-table').click(function() {
+    popoverIsOpen = !popoverIsOpen;
+
     $('.ple-table-size').click(function() {
       wysiwyg.runCommand(function(chunks, mode) {
         var table = createTable(
@@ -23410,6 +23412,17 @@ module.exports = function initTables(_module, wysiwyg) {
         $('.woofmark-command-table').popover('toggle');
       });
     });
+
+    $(':not(".woofmark-command-table")').click((e) => {
+      // check to see that the clicked element isn't fa-table icon, else when you click on the fa-table icon, the popover will close
+      if (popoverIsOpen && $('.woofmark-command-table').children()[0] != e.target) {
+        const popoverContainer = document.querySelector('.popover');
+        const isChildElement = popoverContainer.contains(e.target);
+        if (popoverIsOpen && !e.target.classList.contains("woofmark-command-table") && !isChildElement) {
+          $('.woofmark-command-table').click();
+        }
+      }
+    });
   });
 };
 

src/modules/PublicLab.RichTextModule.Table.js

@@ -77,8 +77,10 @@ module.exports = function initTables(_module, wysiwyg) {
   $('.woofmark-command-table').attr('data-placement', 'top');
 
   $('.woofmark-command-table').popover({html: true});
-
+  let popoverIsOpen = false;
   $('.wk-commands .woofmark-command-table').click(function() {
+    popoverIsOpen = !popoverIsOpen;
+
     $('.ple-table-size').click(function() {
       wysiwyg.runCommand(function(chunks, mode) {
         var table = createTable(
@@ -95,5 +97,16 @@ module.exports = function initTables(_module, wysiwyg) {
         $('.woofmark-command-table').popover('toggle');
       });
     });
+
+    $(':not(".woofmark-command-table")').click((e) => {
+      // check to see that the clicked element isn't fa-table icon, else when you click on the fa-table icon, the popover will close
+      if (popoverIsOpen && $('.woofmark-command-table').children()[0] != e.target) {
+        const popoverContainer = document.querySelector('.popover');
+        const isChildElement = popoverContainer.contains(e.target);
+        if (popoverIsOpen && !e.target.classList.contains("woofmark-command-table") && !isChildElement) {
+          $('.woofmark-command-table').click();
+        }
+      }
+    });
   });
 };