Почему не отображается модальное окно?

[Brainfuck]

Код: Выделить всё

$renderAdviserForm = function(AcademyAdviser $adviser, $header, $toggleButton) use($model) {
    $adviserForm = $adviser->toForm();
    ob_start();
    Modal::begin([
        'header' => $header,
        'toggleButton' => $toggleButton,
    ]);
        $form = ActiveForm::begin(['action' => ['academy/save-adviser', 'id' => $adviser->id]]);
            echo $form->field($adviserForm, 'academy_id')->hiddenInput()->label(false);
            echo $form->field($adviserForm, 'fullname');
            echo $form->field($adviserForm, 'biography_id');
            echo $form->field($adviserForm, 'position');
            echo '<div class="form-group pull-right"><input type="submit" value="Сохранить" class="btn btn-primary"></div>';
        ActiveForm::end();
    Modal::end();
    return ob_get_clean();
};

echo $renderAdviserForm(new AcademyAdviser, 'Добавление руководителя', ['label' => 'Добавить', 'class' => 'btn btn-default']);

Проблема в следующем: когда я кликаю по кнопке которая должна открывать модальное окно оно открывается, но все затенено и не активно.



Почему так происходит?

[futbolim]

Ошибка js?

[Brainfuck]

Ошибка js?

В консоли ошибок нет

[urichalex]

По тому, что само модальное окно находится внутри элемента к которому применяется blur

[Brainfuck]

По тому, что само модальное окно находится внутри элемента к которому применяется blur

Что это значит?

[urichalex]

По тому, что само модальное окно находится внутри элемента к которому применяется blur

Что это значит?

это значит ровно то, что я сказал. При открытиии модальки гдето в коде для body или какогото другого элемента устанавливается фильтр blur. А сама модалька находится внутри этого элемента и по этому перекрывается фильтром

[Brainfuck]

По тому, что само модальное окно находится внутри элемента к которому применяется blur

Что это значит?

это значит ровно то, что я сказал. При открытиии модальки гдето в коде для body или какогото другого элемента устанавливается фильтр blur. А сама модалька находится внутри этого элемента и по этому перекрывается фильтром

Я не понимаю что тут написано. Расшифруйте пожалуйста Я привел вам код php и полученную разметку. Где вы видите там какое-то перекрытие? Вы знаете как работает этот виджет? Он же бутстраповский. Просто скажите что мне сделать чтобы модальное окно нормально открывалось?

[urichalex]

Что это значит?

это значит ровно то, что я сказал. При открытиии модальки гдето в коде для body или какогото другого элемента устанавливается фильтр blur. А сама модалька находится внутри этого элемента и по этому перекрывается фильтром

Я не понимаю что тут написано. Расшифруйте пожалуйста Я привел вам код php и полученную разметку. Где вы видите там какое-то перекрытие? Вы знаете как работает этот виджет? Он же бутстраповский. Просто скажите что мне сделать чтобы модальное окно нормально открывалось?

По умолчанию бутстраповские модальки не накладывают blur, а у вас он наложен судя по скрину. Ищите на каком элементе есть этот эффект

[Brainfuck]

По умолчанию бутстраповские модальки не накладывают blur, а у вас он наложен судя по скрину. Ищите на каком элементе есть этот эффект

Что вообще такое блур? Затемнение? С чего вы взяли что не накладывают? Всегда накладывали. Я же не первый раз их использую. Они всегда затеняют при открытии остальные элементы, делая недоступным их использование, пока не закроешь. У меня в проекте практически нет js - все на обычных html-формах и простеньких виджетах yii. То есть весь js - это то что генерируют виджеты. Виджеты там тоже все стандартные, кроме, разве что CKEditor для одного поля.

[urichalex]

1. http://htmlbook.ru/css/filter/blur
2. https://cloclo2.datacloudmail.ru/weblin ... a21f900c95

Сравните эффект затемнения на скрине, который был сделан с офсайта бутстрапа, и затемнение на вашем скрине. У вас затемнение размыто, у бутстрапа нет.
Далее. Смотрим в код и видим, что при открытии модалки для body устанавливается класс modal-open. У вас же, видимо, для класса modal-open устанавливается этот фильтр, или как-то по другому. Мы всего кода не видим и не можем гадать

[Brainfuck]

1. http://htmlbook.ru/css/filter/blur
2. https://cloclo2.datacloudmail.ru/weblin ... a21f900c95

Сравните эффект затемнения на скрине, который был сделан с офсайта бутстрапа, и затемнение на вашем скрине. У вас затемнение размыто, у бутстрапа нет.
Далее. Смотрим в код и видим, что при открытии модалки для body устанавливается класс modal-open. У вас же, видимо, для класса modal-open устанавливается этот фильтр, или как-то по другому. Мы всего кода не видим и не можем гадать

Вот этот блок перед концом body дает эффект:

[urichalex]

это бэкдроп модальки. Вы в его стилях видите filter: blur? я не увидел.