MOBILE-4616 database: Fix processing of templates

Some elements of templates were being removed, like <tr> or <li>.

src/core/services/utils/dom.ts

@@ -262,7 +262,11 @@ export class CoreDomUtilsProvider {
      * @returns Fixed HTML text.
      */
     fixHtml(html: string): string {
-        return CoreText.processHTML(html, (element) => {
+        // We can't use CoreText.processHTML because it removes elements that
+        // are not allowed as a child of <div>, like <li> or <tr>.
+        const template = document.createElement('template');
+        template.innerHTML = html;
+
         // eslint-disable-next-line no-control-regex
         const attrNameRegExp = /[^\x00-\x20\x7F-\x9F"'>/=]+/;
         const fixElement = (element: Element): void => {
@@ -276,9 +280,9 @@ export class CoreDomUtilsProvider {
             Array.from(element.children).forEach(fixElement);
         };
 
-            Array.from(element.children).forEach(fixElement);
+         Array.from(template.content.children).forEach(fixElement);
-        });
 
+         return template.innerHTML;
     }
 
     /**

src/core/singletons/text.ts

@@ -418,6 +418,7 @@ export class CoreText {
 
     /**
      * Process HTML string.
+     * Warning: Top-level elements that are not allowed as a child of <div> (like <tr> or <li>) will be removed.
      *
      * @param text HTML string.
      * @param process Method to process the HTML.

src/core/utils/create-html-element.ts

@@ -14,6 +14,7 @@
 
 /**
  * Convert some HTML as text into an HTMLElement. This HTML is put inside a div.
+ * Warning: Top-level elements that are not allowed as a child of <div> (like <tr> or <li>) will be removed.
  *
  * @param html Text to convert.
  * @returns Element.