Hello torrfura,
To change the behavior from a double-click to a single click for opening a popover or dialog, you can catch the click event on the HTML element of the component itself, for example, this way:
$effect(() => {
document.body.addEventListener("click", function (event) {
const elem = event.target.parentNode.parentNode;
let id = elem.getAttribute("data-id");
if(id)
apiRef.exec("edit-rule", { id: Number(id) });
});
});
By doing this, you can call the edit-rule action with the current data-id to display the options.
However, please note that the double-click functionality cannot be canceled at this time.
Regarding the display of filters in a popup, if you set the component to line or simple type, the filters will be shown in the popup as intended.
Please check the example: https://stackblitz.com/edit/sveltejs-kit-template-default-6caqbd5w?file=src%2Froutes%2FMyFilter.svelte
