picocss / picocss.com Goto Github PK

Scrolling the picocss website is super choppy and it feels terrible to use for me in Chrome on my M2 MacBook Pro. Feels totally fine in Safari.

OS: macOS Ventura 13.4
Browser: Chrome Version 121.0.6167.160 (Official Build) (arm64)

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?!?

This is just a curious question.

I personally feel using tools like docusaurus can greatly increase the turn around time required to create technical documentation want to understand if you have considered the same or other similar tools?