Ниже код, давайте возьмем элемент SAVE и поместим его, допустим, после тега iframe или в блок с классом panel. Функция в onClick выполнится, все будет ок.
Теперь давайте этот же элемент поместим в блок с id modal-save, т.е. в модальное окно и событие по нажатию кнопки работать уже не будет:(
Использовал uikit
const modal = "true";
return(
<>
<iframe src={currentPage} frameBorder="0"></iframe>
<div className="panel">
<button className="uk-button uk-button-primary" uk-toggle="target: #modal-save">Сохранить</button>
</div>
<div id="modal-save" uk-modal={modal.toString()}>
<div className="uk-modal-dialog uk-modal-body">
<h2 className="uk-modal-title">Сохранить</h2>
<p>Вы хотите сохранить изменения?</p>
<p className="uk-text-right">
<button className="uk-button uk-button-default uk-modal-close" type="button">Отмена</button>
<button onClick={save} className="uk-button uk-button-primary uk-modal-close" type="button">Сохранить</button>
</p>
</div>
</div>
</>
)
}
Простой