UAccordion: Missing Option to wrap whole items

[Dominic-Marcelino]

Package

v4.x

Description

UAccordion has no option to wrap a whole item.

Example:
Try add a UContextMenu to each accordion item.

Other components like e.g uTree have a #item slot which requires to rebuild the inner content, but therewith allows a wrapping.

Is there any solution or plans to provide a solution?

Additional context

No response

[Dominic-Marcelino]

As a workaround for this specific use-case we can capture the context-menu event and detect a target.. Playground-demo

But maybe this is something that could be improved in general?

[fabianhofmann03]

I'm also trying this currently and I think it would also be a good idea if you would be able to add a <slot /> element to the templates, which would be filled by the default content of the template. Then you wouldn't have to rebuild the component yourself

[Dominic-Marcelino]

@fabianhofmann03 tje example about works great to detect the target.

—-

Regarding a possible implementation directly in nuxt Uk:
Maybe asolution like in uTable could be added https://ui.nuxt.com/docs/components/table#with-row-context-menu-event

[fabianhofmann03]

That's a nice solution, but I only want the header to have the contextmenu. But I guess I could add a div to the content that stops the contextmenu event from bubbling further. Is that right or did I write gibberish?