# After enabling the new builder, some emails show up, but others don't **URL:** \ **Category:** Product Support\ **Tags:** mautic-3\ **Created:** [September 2, 2021, 5:47am UTC](https://forum.mautic.org/t/after-enabling-the-new-builder-some-emails-show-up-but-others-dont/20682 "2021-09-02T05:47:30Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![nunks](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/nunks/32/1648_2.png) [@nunks](https://forum.mautic.org/u/nunks)\ **Post date:** [September 2, 2021, 5:47am UTC](https://forum.mautic.org/t/after-enabling-the-new-builder-some-emails-show-up-but-others-dont/20682/1 "2021-09-02T05:47:30Z")
**Your software** My Mautic version is: 3.3.4 My PHP version is: 7.4.11 My Database type and version is: MariaDB 10.4.14 **Your problem** My problem is: I’m getting mixed results when trying to migrate to GrapesJS just to get the feel for the new builder before doing a Mautic 4 upgrade. I did the following process: enable the plugin, clear cache, add the `"builder": "grapesjsbuilder"` property to the old blank theme’s config.json file. Now some of my old emails show up in the new builder, but some only display a blank page. All these emails were built on the legacy builder using the “blank” theme, being basically copies of the same “template” starting email. Is there a way I can troubleshoot it further? I cant’ figure out what’s the difference between an email that works and one that doesn’t. **These errors are showing in the log:** ```auto [2021-09-02 02:14:05] mautic.NOTICE: PHP Notice - Trying to access array offset on value of type null - in file /public_html/mautic/app/bundles/EmailBundle/Views/FormTheme/Email/_emailform_dynamicContent_entry_filters_entry_filters_entry_widget.html.php - at line 14 {"mauticTemplateVars":{"app":"[object] (Symfony\\Bundle\\FrameworkBundle\\Templating\\GlobalVariables: {})","value":null,"attr":{"class":"form-control"},"form":"[object] (Symfony\\Component\\Form\\FormView: null)","id":"emailform_dynamicContent_0_filters_0_filters ___name__","name":" __name__","full_name":"emailform[dynamicContent][0][filters][0][filters][__name__]","disabled":false,"label":false,"label_format":null,"multipart":false,"block_prefixes":["form","dynamic_content_filter_entry_filters","_emailform_dynamicContent_entry_filters_entry_filters_entry"],"unique_block_prefix":"_emailform_dynamicContent_entry_filters_entry_filters_entry","translation_domain":null,"cache_key":"_emailform_dynamicContent_entry_filters_entry_filters_entry_dynamic_content_filter_entry_filters","errors":"[object] (Symfony\\Component\\Form\\FormErrorIterator: )","valid":true,"data":null,"required":true,"size":null,"label_attr":[],"compound":true,"method":"POST","action":"","submitted":false,"mauticContent":"email","mauticTemplate":"MauticEmailBundle:FormTheme\\Email:_emailform_dynamicContent_entry_filters_entry_filters_entry_widget.html.php","view":"[object] (Mautic\\CoreBundle\\Templating\\Engine\\PhpEngine: {})"},"app":"[object] (Symfony\\Bundle\\FrameworkBundle\\Templating\\GlobalVariables: {})","value":null,"attr":{"class":"form-control"},"form":"[object] (Symfony\\Component\\Form\\FormView: null)","id":"emailform_dynamicContent_0_filters_0_filters ___name__","name":" __name__","full_name":"emailform[dynamicContent][0][filters][0][filters][__name__]","disabled":false,"label":false,"label_format":null,"multipart":false,"block_prefixes":["form","dynamic_content_filter_entry_filters","_emailform_dynamicContent_entry_filters_entry_filters_entry"],"unique_block_prefix":"_emailform_dynamicContent_entry_filters_entry_filters_entry","translation_domain":null,"cache_key":"_emailform_dynamicContent_entry_filters_entry_filters_entry_dynamic_content_filter_entry_filters","errors":"[object] (Symfony\\Component\\Form\\FormErrorIterator: )","valid":true,"data":null,"required":true,"size":null,"label_attr":[],"compound":true,"method":"POST","action":"","submitted":false,"mauticContent":"email","mauticTemplate":"MauticEmailBundle:FormTheme\\Email:_emailform_dynamicContent_entry_filters_entry_filters_entry_widget.html.php","view":"[object] (Mautic\\CoreBundle\\Templating\\Engine\\PhpEngine: {})","isPrototype":true,"filterType":"","filterGroup":""} [] ``` **Steps I have tried to fix the problem:** I haven’t really tried to fix it, just reverted back to the old builder. Now I’m hesitant to do a Mautic 4 upgrade. Is there a risk that I’ll need to rebuild half of my emails? ---
**Author:** ![adiux](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/adiux/32/5793_2.png) [@adiux](https://forum.mautic.org/u/adiux)\ **Post date:** [September 2, 2021, 5:57am UTC](https://forum.mautic.org/t/after-enabling-the-new-builder-some-emails-show-up-but-others-dont/20682/2 "2021-09-02T05:57:12Z")
Can you please check if you have some errors in your browser Console. E.g. for [Chrome](https://developer.chrome.com/docs/devtools/open/). It is important that you also reload your browser after enabling the plugin. To be on the save side make sure your JavaScript is not cached. E.g. by disabling the cache in the networking tab, or by using an incognito window. ---
**Author:** ![nunks](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/nunks/32/1648_2.png) [@nunks](https://forum.mautic.org/u/nunks)\ **Post date:** [September 2, 2021, 6:33am UTC](https://forum.mautic.org/t/after-enabling-the-new-builder-some-emails-show-up-but-others-dont/20682/3 "2021-09-02T06:33:51Z")
Hi, thanks for replying! I enabled GrapesJS again and, after clearing the cache folder and adding the builder property in config.json, I started a new session in Chrome’s Incognito mode. When I try to edit an email that doesn’t work I get the blank builder and the following exception in **cash.js:299**. It doesn’t happen with emails that load successfully in the new builder. ```auto Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': 'sans",' is not a valid attribute name. at HTMLDivElement. (https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:3:3232) at w (https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:3:1237) at m.each (https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:3:4141) at m.attr (https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:3:3197) at m.attr (https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:3:3280) at r.updateAttributes (https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:2:67061) at renderAttributes (https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:2:68041) at render (https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:2:68112) at r.addToCollection (https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:3:63576) at https://MYDOMAIN/mautic/plugins/GrapesJsBuilderBundle/Assets/library/js/grapes.min.js:3:64069 ``` The following warning messages also show up in the browser console, both for emails that work e those that don’t work. I’m pasting them here for the sake of completeness. When I exit the builder, this following warning printed to the console: ```auto backbone.js:370 'gjs-get-inlined-html' command not found {level: 'warning'} ``` And then, when I exit the email edit mode by clicking “cancel”, I get the warning: ```auto froala_editor.js?v96582ca8:24 Editor should be initialized before calling the destroy method. ``` I also noticed that the PHP notice I mentioned in my first post seem get logged every time I try to edit an email that doesn’t work in the new builder. ---
**Author:** ![adiux](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/adiux/32/5793_2.png) [@adiux](https://forum.mautic.org/u/adiux)\ **Post date:** [September 3, 2021, 6:45am UTC](https://forum.mautic.org/t/after-enabling-the-new-builder-some-emails-show-up-but-others-dont/20682/4 "2021-09-03T06:45:10Z")
My guess is that the HTML of your email is not valid. Can you compare the html source of the two emails? Check if the html is valid? You can find the html in the database. Or if you don’t have access to the database you can also find the HTML in the DOM. It is in a textarea called `builder-html`. Or you could also check the request that gets the template in the networks tab. ---
**Author:** ![nunks](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/nunks/32/1648_2.png) [@nunks](https://forum.mautic.org/u/nunks)\ **Post date:** [September 3, 2021, 8:53pm UTC](https://forum.mautic.org/t/after-enabling-the-new-builder-some-emails-show-up-but-others-dont/20682/5 "2021-09-03T20:53:17Z")
I find i’ts a bit difficult to get what’s “invalid” on an html email document, since it’s supposed to use a lot of deprecated techniques to keep compatibility with email clients. 😅 > **Here's the \`tidy\` output for the email that doesn't work:** > > ```auto > line 1 column 16 - Warning: discarding unexpected > line 1 column 31 - Warning: discarding unexpected > line 146 column 39 - Warning:
attribute "sans"," lacks value > line 146 column 39 - Warning:
attribute "helvetica," lacks value > line 146 column 39 - Warning:
attribute "arial," lacks value > line 146 column 39 - Warning:
attribute "sans-serif;" lacks value > line 146 column 39 - Warning:
attribute "14px;" lacks value > line 146 column 39 - Warning:
attribute "1.6;" lacks value > line 146 column 39 - Warning:
attribute "left;" lacks value > line 146 column 39 - Warning:
attribute "rgb(65," lacks value > line 146 column 39 - Warning:
attribute "65," lacks value > line 146 column 39 - Warning:
attribute "65);" lacks value > line 146 column 39 - Warning:
attribute "10px;" lacks value > line 146 column 39 - Warning:
attribute with missing trailing quote mark > line 99 column 9 - Warning: lacks "summary" attribute > line 110 column 9 - Warning:
lacks "summary" attribute > line 121 column 9 - Warning:
lacks "summary" attribute > line 131 column 13 - Warning:
lacks "summary" attribute > line 136 column 33 - Warning:
lacks "summary" attribute > line 140 column 49 - Warning:
lacks "summary" attribute > line 158 column 33 - Warning:
lacks "summary" attribute > line 143 column 173 - Warning: trimming empty > line 98 column 5 - Warning:
element removed from HTML5 > line 109 column 5 - Warning:
element removed from HTML5 > line 120 column 5 - Warning:
element removed from HTML5 > line 131 column 13 - Warning:
attribute "align" not allowed for XHTML5 > line 142 column 57 - Warning:
attribute "align" not allowed for XHTML5 > line 146 column 1523 - Warning:
attribute "align" not allowed for XHTML5 > line 160 column 41 - Warning:
attribute "align" not allowed for XHTML5 > line 2 column 1 - Warning: proprietary attribute "xmlns:v" > line 2 column 1 - Warning: proprietary attribute "xmlns:o" > line 136 column 33 - Warning: proprietary attribute "background" > line 146 column 39 - Warning:
proprietary attribute "open" > line 146 column 39 - Warning:
proprietary attribute "font-size:" > line 146 column 39 - Warning:
proprietary attribute "line-height:" > line 146 column 39 - Warning:
proprietary attribute "text-align:" > line 146 column 39 - Warning:
lacks "summary" attribute > line 109 column 13 - Warning:
lacks "summary" attribute > line 114 column 33 - Warning:
lacks "summary" attribute > line 118 column 49 - Warning:
lacks "summary" attribute > line 138 column 33 - Warning:
lacks "summary" attribute > line 98 column 5 - Warning:
element removed from HTML5 > line 109 column 13 - Warning:
attribute "align" not allowed for XHTML5 > line 120 column 57 - Warning:
attribute "align" not allowed for XHTML5 > line 124 column 623 - Warning:
attribute "align" not allowed for XHTML5 > line 126 column 1228 - Warning:
attribute "align" not allowed for XHTML5 > line 140 column 41 - Warning:
attribute "align" not allowed for XHTML5 > line 2 column 1 - Warning: proprietary attribute "xmlns:v" > line 2 column 1 - Warning: proprietary attribute "xmlns:o" > line 114 column 33 - Warning: proprietary attribute "background" > line 125 column 1 - Warning: proprietary attribute "background" > line 127 column 1 - Warning: proprietary attribute "background" > > ``` They don’t seem to contain HTML that is intrinsically “malformed”. I don’t know if it will be of any use to try and troubleshoot this any further, since it seems to be something I probably did wrong while editing emails in the old builder. I upgraded a copy of this Mautic 3.3.4 to 4.0.0 using a staging environment and the problem is a little better: the content header and footer of the broken emails are appearing now. I’ll probably do the migration in my production server and use the old version in staging to “migrate” email content by hand. Thank you very much for your help, @adiux ! ---
**Author:** ![adiux](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/adiux/32/5793_2.png) [@adiux](https://forum.mautic.org/u/adiux)\ **Post date:** [October 22, 2021, 6:52am UTC](https://forum.mautic.org/t/after-enabling-the-new-builder-some-emails-show-up-but-others-dont/20682/6 "2021-10-22T06:52:46Z")
Glad I could help