Error when first time open Bootstrap4 modal and has Summernote in it.

biladina commented 2 years ago

Prerequisites

[x] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
[x] The issue still exists against the latest master branch of yii2-editors.
[x] This is not an usage question. I confirm having read the widget documentation and demos.
[x] This is not a general programming / coding question. (Those should be directed to the webtips Q & A forum).
[x] This is not a source plugin (summernote) issue. (Those should be directed to the plugin issues repo).
[x] I have attempted to find the simplest possible steps to reproduce the issue.
[ ] I have included a failing test as a pull request (Optional).

Steps to reproduce the issue

installing yii2 editors from dev-master
set bootstrap 4 param
use summernote with simple form

Expected behavior and actual behavior

I try to use this plugin in bootstrap 4 modal, first time I open the modal, I get this error Uncaught TypeError: $el.summernote is not a function, but when I open the modal second time, its good..

this is the first time I open the modal index1 Screenshot_20220114_160341

and this is the second time I open the modal, summernote working good.. index2

this is my code :

<?php
use yii\helpers\Html;
use kartik\widgets\ActiveForm;
use yii\helpers\Url;
use yii\helpers\ArrayHelper;
use kartik\editors\Summernote;
?>
<div class="data-form">
    <?php $form = ActiveForm::begin(); ?>
    <?= $form->field($model_sub_kegiatan_base, 'definisi_operasional')->widget(Summernote::class, [
            'useKrajeePresets' => true,
        ]) ?>

    <?php if (!Yii::$app->request->isAjax){ ?>
        <div class="form-group">
            <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
        </div>
    <?php } ?>

    <?php ActiveForm::end(); ?>
</div>

Environment

Browsers

[ ] Google Chrome
[x] Mozilla Firefox
[ ] Internet Explorer
[ ] Safari

Operating System

[x] Windows
[ ] Mac OS X
[x] Linux
[ ] Mobile

Libraries

jQuery version: 3.6.0
yii2-editors version: dev-master

Isolating the problem

[ ] This bug happens on the widget demos page
[x] The bug happens consistently across all tested browsers
[x] This bug happens when using yii2-editors without other plugins
[ ] I can reproduce this bug in a jsbin

linksblinker commented 2 years ago

I'm running in exact the same issue on Mac OS X, using Boostrap 3.x.

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.