Unable to Insert Images into 1 Section Layout on Safari
Question
Hello!
This is an issue that only happens on Safari. We detected it on our project and thought there was something wrong with our code but found later that this issue is reproducible on https://grapesjs.com/demo-newsletter-editor.html
Steps:
- On Safari go to https://grapesjs.com/demo-newsletter-editor.html and clear the canvas (clearing the canvas is not necessary but it helps with clarity on the issue)
- Drag and drop a 1 Section Layout
- Try to drag and drop an image inside the 1 Section
Notice that you won't be able to do so and the green line indicating where the image will be dropped skips the inside of the 1 Section block and lands above or below the section
Extra info that might be helpful:
- Drag and drop a 1/2 section and try to do the same.
Notice that the feature is working correctly for the rest of the sections as you will be able to add images within. The problem only occurs for 1 Section and only on Safari. Tested on other browsers and feature works as intended.
I'll attach a gif showing the issue for better clarity:

We are willing to research and help with issue! ^^
Thanks!
Answers (3)
Hello @prina92, @artf ,
I found a solution for this. I will be creating a MR for the 'grapesjs-preset-newsletter' project that will fix this issue. The problem mainly was in the HTML of the 1 section block.
Regards.
Thanks @prina92 for the report and @alimajed93 for the incoming PR. I'm gonna close this issue as is not related to the core itself
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1598
[Bug] Security Vulnerability Detected
Hi, our SAST scanner detected the following, thought you might like to know. https://raw.githubusercontent.com/artf/grapesjs/dev/dist/grape...
Issue #829
[QUESTION] "Hidden feature"?
Hello @artf . I was implementing modal of AssetsManager and I found it: Is it some "feature" or something else that wasn't completely imple...
Issue #1563
[Bug] Trait - Change Video Provider issue
Version: 0.14.40 Bug: When you change "Provider" field -> all settings gone. It happens in Chrome, Safari and Firefox, last versions. How t...
Issue #834
[Question] Is there anyway to edit the final HTML - CSS code with an integrated code editor?
Hello there! I was wondering if I can edit the final code with a code editor.
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.