fix: regression in list item's extra slot

[hamza221]

☑️ Resolves

• Fix Envelope layout is broken nextcloud/mail#9334

🖼️ Screenshots

🏚️ Before	🏡 After

🚧 Tasks

• ...

🏁 Checklist

• ⛑️ Tests are included or are not applicable
• 📘 Component documentation has been extended, updated or is not applicable
• 3️⃣ Backport to next requested with a Vue 3 upgrade

[hamza221]

cc @GretaD @susnux @ShGKme

[susnux]

The "after" image also looks broken, for the NcListItem I would only expect two lines of text working and the tags to be shown on the very right.

[hamza221]

The "after" image also looks broken,

Yes the after is still a bit broken, the tags should be aligned with the lines
This is how it looks on nc.cloud

for the NcListItem I would only expect two lines of text working and the tags to be shown on the very right.

Isn't the extra slot supposed to show elements below the lines

[GretaD]

The "after" image also looks broken,

Yes the after is still a bit broken, the tags should be aligned with the lines This is how it looks on nc.cloud

this is fixed on mail side, i already pushed a pr for that nextcloud/mail#9336

[susnux]

This changes reverting a11y fixes and are not valid -> must not be done. You have to find a solution with the actions outside the anchor element

[susnux]

This must not be done! An interactive element (the a) must not contain any other interactive element (the NcActions).
We changed this just a couple of weeks ago.

[susnux]

Was there a design review? It seems this component gets extended to an all-in-one-solution.
Especially that there is now a 3rd and 4th line introduced, which might be ok but we need to make sure not to break anything (e.g. a11y where you need to make sure to NOT include interactive elements ).

[hamza221]

Makes more sense now thank you for the explanation, I'll try to work on a different solution

[susnux]

I mean if it fits in the component fine, but we can not have nested interactive elements. This only works with some specific focus handling (e.g. how menu bars work, you can tab the first element but next tab will be outside the menu bar, you then need to use arrows to change focus).