Нажатие кнопки не срабатывает при использовании ripple-js в Angular

Я использую ripple-js библиотека отсюда в моем проекте Angular 5. Как только я добавлю ripple Применительно к моим кнопкам эффект ряби начинает работать, однако нажатие кнопки перестает срабатывать.

Вот пример HTML моей кнопки -

<div id="btnSearch" class="search_button_right tooltipstr ripple" title="Click here to Search">
                    <button class="btn" type="submit" (click)="Search();">
                        Search
                    </button>
                </div>

Посоветуйте пожалуйста в чем может быть проблема.

1 ответ

Решение

Проверьте свойство CSS z-index кнопки и ее родительского класса. Если значение Z-индекса кнопки меньше значения Z-индекса div. Это не сработает. Попробуйте дать высокое значение в кнопке.

Другие вопросы по тегам