Buttons flashing with question mark and non responsive.
Question
Hi,
I'm having issues using this library, firstly some buttons are missing their icons and are flashing when clicking on them they are not responsive. E.g.:

Aswell when I select certain elements on the page some white blobs appear. E.g:

For reference i am using the preset newsletter plugin however I have tried without and I still face the same issue.
Any help would be appreciated. Thanks, Alkis.
Answers (3)
@Apetrou I think you're missing some files (those white blobs seems to be huge toolbar icons, so the font-size seems to be changed). Try to start from the file used for the demo https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html
I also have this problem.
I am trying to include it in a CakePHP application. If I run my same gjs includes and scripts on a simple HTML file from my desktop, it works as expected - meaning it is not a missing include. However, including that gjs setup in the application I need it to causes it to look identical to the image above.
Okay. After lots of trial and error, the issue is that I am already including font-awesome in my header.
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" integrity="sha512-RXf+QSDCUQs5uwRKaDoXt55jygZZm2V++WUZduaU/Ui/9EGp3f/2KZVahFZBKGH0s774sd3HmrhUy+SgOFQLVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
Unfortunately, I cannot remove font-awesome from there as I use it in many places.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2148
[QUESTION] IE11 (Unable to get property 'style' of undefined)
Hi! Just faced the same issue: https://github.com/artf/grapesjs/issues/1295#issuecomment-410046832 While click on one of this buttons this....
Issue #2955
Missing icons in Block manager
Hi, I have started using grapesjs and for some reason some of the icons from the Block Manager are missing. I can see that the icons displa...
Issue #2566
[QUESTION] Color picker default colors
Is there a way to set a number of default colours to appear at the top of the color picker?
Issue #2547
Unable to drag an element if style has bottom or right values
Hi @artf , If any component CSS has bottom or right values , not able to drag them. Values are generating as NaN. Attached the screenshot f...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.