I am facing this issue on the live server. I have a form with the editor. When I try to submit the form, if there is a validation error for any field, ckeditor disappears. On the local there is no such issue. I am using Livewire with Laravel.
I tried to produce the error on the local but faild. I also deployed the project using virtual host on nginx but still it worked on the local machine.
<form wire:submit.prevent="saveBlog" enctype="multipart/form-data">
@csrf
<div class="row card-body">
<div class="col-md-12 col-lg-12 col-sm-12">
<div class="form-group">
<label for="blogTitle">Blog Title</label>
<input type="text" wire:change="convertUrl()" wire:model.defer="state.title" name="blogTitle" class="form-control @error('title') is-invalid @enderror" id="blogTitle">
@error('title')
<div class="invalid-feedback"> {{$message}} </div>
@enderror
</div>
</div>
<div class="col-md-12 col-lg-12 col-sm-12">
<div class="form-group">
<label for="slug">Blog Custom URL</label>
<input type="text" wire:model.defer="state.slug" name="slug" class="form-control @error('slug') is-invalid @enderror" id="slug">
@error('slug')
<div class="invalid-feedback"> {{$message}} </div>
@enderror
</div>
</div>
<div class="col-md-12 col-lg-12 col-sm-12">
<div class="form-group">
<label for="blogTitle">Meta Description</label>
<input type="text" name="metaDescription" wire:model.defer="state.meta_description" class="form-control @error('meta_description') is-invalid @enderror" id="metaDescription">
@error('meta_description')
<div class="invalid-feedback">{{$message}}</div>
@enderror
</div>
</div>
<div class="col-md-12 col-lg-12 col-sm-12">
<div class="form-group">
<label for="blogCategory">Category of blog post</label>
<select id="blogCategory" wire:model.defer="state.blog_cat_id" name="blogCategory" class="form-control @error('blog_cat_id') is-invalid @enderror">
<option value="333" selected>Choose Blog Category</option>
@foreach($cats as $cat)
<option value="{{ $cat->id }}"> {{ $cat->name }} </option>
@endforeach
</select>
@error('blog_cat_id')
<div class="invalid-feedback">{{$message}}</div>
@enderror
</div>
</div>
<div class="col-md-4 col-lg-4 col-sm-4">
<div class="form-group">
<label for="blogThumbnail">Blog Main Image</label>
<input type="file" class="form-control" wire:model="thumbnail" name="thumbnail" id="thumbnail" accept="image/*">
@if($thumbnail)
<img src="{{$thumbnail->temporaryUrl()}}" class="img-fluid" width="100">
@endif
@error('thumnbnail')
<div class="invalid-feedback"> {{$message}} </div>
@enderror
</div>
</div>
<div class="col-md-12 col-lg-12 col-sm-12">
<div class="form-group" wire:ignore>
<label for="blogDescription">Blog Detail Description</label>
<textarea wire:model.defer="state.description" data-description="@this" id="blogDescription" name="blogDescription" class="form-control description"></textarea>
<div class="text-danger" id="blogDescription_error"></div>
</div>
</div>
<div class="col-md-12 col-lg-12 col-sm-12 text-center">
<button type="submit" class="btn btn-primary" id="addBlogBtn"><i class="fa fa-comment-o"></i> Submit New Post</button>
</div>
</div>
<!-- /.row -->
</form>