VC Info Box Settings – unable to set colour setting in advanced view

Hi

Here is a screenshot of the infobox settings where the colour option fails:

https://prnt.sc/i34gt5

In Google Chrome, i pressed F12 for console errors, and see this below. Note I have replaced the domain with mydomain.com.

JQMIGRATE: Migrate is installed, version 1.4.1
post.php?post=6809&action=edit:1 Slow network is detected. Fallback font will be used while loading: https://mydomain.com/wpcontent/plugins/woocommerce/assets/fonts/WooCommerce.woff
post.php?post=6809&action=edit:1 Slow network is detected. Fallback font will be used while loading: https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/fonts/fontawesome-webfont.woff2?v=4.6.2
post.php?post=6809&action=edit:1 Slow network is detected. Fallback font will be used while loading: https://mydomain.com/wpcontent/plugins/better-wp-security/lib/icon-fonts/fonts/ithemes-icons.woff
post.php?post=6809&action=edit:1 Slow network is detected. Fallback font will be used while loading: https://mydomain.com/wpcontent/plugins/google-captcha/bws_menu/fonts/bwsicons.ttf?edecf2
load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-position,utils,farbtastic,jquery-ui-slider,&load[]=jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,moxiejs,plupload&ver=4.9.2:3 Slow network is detected. Fallback font will be used while loading: https://mydomain.com/wpcontent/plugins/js_composer/assets/fonts/vc_icons_v2/fonts/vcpb-plugin-icons.ttf?i5rhx5
load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-position,utils,farbtastic,jquery-ui-slider,&load[]=jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,moxiejs,plupload&ver=4.9.2:3 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2
load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-position,utils,farbtastic,jquery-ui-slider,&load[]=jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,moxiejs,plupload&ver=4.9.2:3 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2
load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-position,utils,farbtastic,jquery-ui-slider,&load[]=jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,moxiejs,plupload&ver=4.9.2:3 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2
load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-position,utils,farbtastic,jquery-ui-slider,&load[]=jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,moxiejs,plupload&ver=4.9.2:3 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2
load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-position,utils,farbtastic,jquery-ui-slider,&load[]=jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,moxiejs,plupload&ver=4.9.2:3 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2
load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-position,utils,farbtastic,jquery-ui-slider,&load[]=jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,moxiejs,plupload&ver=4.9.2:4 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
send @ load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-position,utils,farbtastic,jquery-ui-slider,&load[]=jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,moxiejs,plupload&ver=4.9.2:4
tinymce.min.js:34 Uncaught TypeError: Cannot read property 'serialize' of undefined
    at q.getContent (tinymce.min.js:34)
    at HTMLDivElement.<anonymous> (mpc-scripts-admin.js:125)
    at HTMLDivElement.dispatch (load-scripts.php:3)
    at HTMLDivElement.r.handle (load-scripts.php:3)
    at Object.trigger (load-scripts.php:3)
    at Object.a.event.trigger (load-scripts.php:9)
    at HTMLDivElement.<anonymous> (load-scripts.php:3)
    at Function.each (load-scripts.php:2)
    at a.fn.init.each (load-scripts.php:2)
    at a.fn.init.trigger (load-scripts.php:3)
post.php?post=6809&action=edit:1 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2
tinymce.min.js?ver=4607-20171116:27 Slow network is detected. Fallback font will be used while loading: https://mydomain.com/wpcontent/plugins/woozone/aa-framework/fonts/woozone.ttf?fbbpz6
Grammarly.js:33428 Slow network is detected. Fallback font will be used while loading: https://mydomain.com/wp-includes/js/tinymce/skins/lightgray/fonts/tinymce.woff
load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-position,utils,farbtastic,jquery-ui-slider,&load[]=jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,moxiejs,plupload&ver=4.9.2:3 Slow network is detected. Fallback font will be used while loading: https://mydomain.com/wpcontent/plugins/mpc-massive/assets/fonts/fa/fa.woff2?v=4.5.0

Note that I am using cloudflare CDN. It is my own server with adequate speeds, so not sure why the latency when loading fonts from https://fonts.gstatic.com.

I also noticed that the only errors from the above that were highlighted in red, and therefore significant errors were relating to tinymce. Extracts below:-

Uncaught TypeError: Cannot read property 'serialize' of undefined
    at q.getContent (tinymce.min.js:34)
    at HTMLDivElement.<anonymous> (mpc-scripts-admin.js:125)
    at HTMLDivElement.dispatch (load-scripts.php:3)
    at HTMLDivElement.r.handle (load-scripts.php:3)
    at Object.trigger (load-scripts.php:3)
    at Object.a.event.trigger (load-scripts.php:9)
    at HTMLDivElement.<anonymous> (load-scripts.php:3)
    at Function.each (load-scripts.php:2)
    at a.fn.init.each (load-scripts.php:2)
    at a.fn.init.trigger (load-scripts.php:3)

All these errors were seen in the console when editing a page with the infobox settings open, as seen in the screenshot. They did not appear in another tab with the end-user is viewing the site.

I hope this all makes sense.

Kind regards