I’m getting undefined attribute "phx-mount" warning. Could you please share your .flash_group component?
MatijaL
0
z7ealth
I didn’t noticed i was also getting that warning:
Add this line to .flash_group attrs to fix it:
attr :rest, :global, doc: "the arbitrary HTML attributes to add to the flash group" # <- Add this line to fix undefined "phx-mount" warning
“phx-mount” is included in :global_prefixes
1
LostKobrakai
Copy from what I wrote on bluesky.
A simple solution can be:
Putting the following on the <.flash> core component
phx-mounted={JS.dispatch("myapp:auto-clear", detail: %{timeout: 5000, attr: "phx-click"})}
and this JS in app.js
window.addEventListener("myapp:auto-clear", (e) => {
let el = e.target;
setTimeout(() => liveSocket.execJS(el, el.getAttribute(e.detail.attr)), e.detail.timeout);
});
10