HTML Displays Correctly in Browser but Gets Distorted When Imported into GrapesJS Editor

[asimex]

Hi everyone,

I have a basic HTML file that displays perfectly in a local browser without any issues. However, when I try to import the same HTML into GrapesJS, some elements get distorted, and the layout doesn't appear as expected. Additionally, I've noticed that any <script> tags inside the HTML are removed after importing, which might be contributing to the issue.

My setup:
The HTML file includes both inline styles and external stylesheets.
The file contains some JavaScript <script> tags that handle dynamic behavior.
When viewed outside of GrapesJS (e.g., directly in a browser), everything works fine.
Problems I'm facing:
The layout gets distorted inside GrapesJS after importing.

<script> tags are being stripped out, and dynamic behaviors aren’t working. CSS styles are sometimes not applied correctly or missing. Has anyone else experienced this issue? Is there a way to import HTML without breaking the layout or losing the scripts? I’m open to any suggestions or workarounds for handling this. Thanks in advance for your help! link to html file-https://drive.google.com/file/d/1lyhZ9d9HNxwzJ5gm1fdhJ9QiKy18NNIz/view?usp=sharing