Popover for modals

[emanueleperuffo]

Hi!
I needed a modal to open and close without javascript, but it's not possible with daisyui currently.

It'd be great to add .modal:popover-open to the list of selectors in modal.css.

Currently, in my setup, I have copy/pasted the open modal styles from that file to my css inside a .modal:popover-open {} rule to make it work.

It makes the following possible:

import { useId } from 'react';

function Component() {
  const dialogId = useId();
  
  return (
    <dialog id={dialogId} className="modal" popover="auto">
      <button
        type="button"
        className="btn"
        popoverTarget={dialogId}
        popoverTargetAction="hide"
      >
        Close
      </button>
    </dialog>
  );
}

[saadeghi]

Popover modal will be added soon in daisyUI 5.6