Non-Modal Dialogs are rendered with Buttons to the left (instead to the right)

[mrh1997]

According to the docs one can create Dialogs-like-looking-Elements without the Popup-semantics by omitting the <dialog> tag and only use <article>:

  <article>
    ...
    <footer>
      <button className="secondary">Cancel</button>
      <button>OK</button>
    </footer>
  </article>

Unfortunaltely the Buttons are rendered to the left side in this case. When embracing the article by a dialog the buttons are rendered to the right.

I think the problem is this line as it is part of a selector dialog > article > footer instead of simply article > footer.

Maybe the whole footer section should be moved out of the dialog selector?!?