Мне нужна помощь, чтобы исправить проблему "ошибка типа"

Question

Я создал модальные всплывающие окна для своей тестовой страницы, на самом деле это работает для Google Chrome, но я получаю это сообщение об ошибке, когда я пытаюсь использовать Firefox.

"Ошибка типа: dialog.showModal не является функцией"

Любая помощь приветствуется.

<script>
var dailog = document.getElementById("dialog"); 

function openModal() { 
  dailog.showModal();
} 

function closeModal() { 
dailog.close(); 
} 

</script>


 <button class="modal-popup-btn"
 onclick="openModal()">Read   more</button>

 <dialog id="dialog">
  <div class="modal-h1">
  <h1>header</h1>
  </div>
  <div class="modal-h3">
  <h3>text</h3>
  </div>

  <p class="p-style">
  "Lorem ipsum dolor sit amet</p>

<button class="modal-popup-btn" 
onclick="closeModal()" class="right">Close</button>
</dialog>