<dialog> element position Topic is solved

[LET33T37]

Hi, im tring use the new HTML5 <dialog> in my script, but it showing at the bottom instead in the center of the screen, is there something i missing?

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:6.6) Goanna/20240616 PaleMoon/33.2.0

Code: Select all

const test = document.body.appendChild(document.createElement("dialog"));
test.id = "favDialog";
test.innerHTML = `<form method="dialog">
    <p><label>Favorite animal:
      <select>
        <option></option>
        <option>Brine shrimp</option>
        <option>Red panda</option>
        <option>Spider monkey</option>
      </select>
    </label></p>
    <menu>
      <button value="cancel">Cancel</button>
      <button id="confirmBtn" value="default">Confirm</button>
    </menu>
  </form>`;
document.getElementById('favDialog').showModal();