# Bug: Grapesjs WYSIWYG editor modal closes when clicking outside, without warning (UX, usability)

**URL:** https://forum.mautic.org/t/bug-grapesjs-wysiwyg-editor-modal-closes-when-clicking-outside-without-warning-ux-usability/31761
**Category:** Product Support
**Created:** [April 20, 2024, 12:28pm UTC](https://forum.mautic.org/t/bug-grapesjs-wysiwyg-editor-modal-closes-when-clicking-outside-without-warning-ux-usability/31761 "2024-04-20T12:28:48Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![jakobpersson](https://avatars.discourse-cdn.com/v4/letter/j/5e9695/32.png) [@jakobpersson](https://forum.mautic.org/u/jakobpersson)
#### Post date: [April 20, 2024, 12:28pm UTC](https://forum.mautic.org/t/bug-grapesjs-wysiwyg-editor-modal-closes-when-clicking-outside-without-warning-ux-usability/31761/1 "2024-04-20T12:28:48Z")

</div>

**Your software**  
My Mautic version is: 5.0.4  
My PHP version is: 8.1.27  
My Database type and version is: 10.6.16-MariaDB-0ubuntu0.22.04.1

**Your problem**  
My problem is:  
 ![click-outside](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/1/11e476a1a4436869726e26bf99f6ef18b0a5b0cd.gif)

Clicking outside the WYSIWYG editor leads to it closing, and you lose all changes.

This is _extremely_ frustrating.

Fix:  
Set the “persistent” attribute (as it’s called for Vuetify: [https://vuetifyjs.com/en/api/v-dialog/#props-persistent](https://vuetifyjs.com/en/api/v-dialog/#props-persistent)), or equivalent, on the modal to prevent accidental loss of work

These errors are showing in the log:

Steps I have tried to fix the problem: