Подскажите можно ли как то подредактировать данный код, что бы модальное окно работало и в мозиле? Если нет, то как сделать так что бы в хроме работало в модальном окне, в мозиле как нибудь по другому
<div id="main">
<div id="addfirstlevel">
<div class="plus"></div>
</div>
<dialog id="dialog">
<div class="form">
<input id="header" maxlength="20" placeholder="Заголовок" type="text">
<input id="date" type="date">
<input id="time" type="time">
<textarea id="note-text" placeholder="Текст заметки" maxlength="44"></textarea>
<button id="add">Добавить</button>
</div>
<p>Заметка размещена</p>
<p id="fail">Проверьте<br>данные</p>
</dialog>
</div>
var addfirstlevel = document.getElementById('addfirstlevel');
addfirstlevel.addEventListener("click", addfirstlevelfun);
function addfirstlevelfun(){
var dialog = document.getElementById('dialog');
dialog.showModal();
var date = document.getElementById('date');
var time = document.getElementById('time');
var dateObj = new Date();
date.value = dateObj.toISOString().slice(0,10)
time.value = dateObj.getHours() + ':' + dateObj.getMinutes();
}