Unable to sort columns in list view

[Wiggee11]

Which Umbraco version are you using?

8.13.0

Bug summary

The icon to drag and drop columns to sort them in a custom list view editor window are invisible and so you can't sort columns.

If you inspect the HTML, the svg icons are there but they have no width or height and so don't appear and can't be selected.

Giving them a width and height they appear and work as expected.

Specifics

No response

Steps to reproduce

Edit a custom list view and try to order the columns.

Expected result / actual result

No response

---

This item has been added to our backlog AB#12101

[nul800sebastiaan]

Thanks @Wiggee11, I can reproduce this and it used to work in 8.12, so I'll mark this as a regression bug we should look at. I think it must have something to do with switching to SVG icons. Strange that it does work on the Layouts list below that, they're also SVGs. 🤔

[Wiggee11]

It also works fine editing a list view Data Type directly.

[nul800sebastiaan]

Ah that's a good workaround, thanks for highlighting that!

[bjarnef]

@nul800sebastiaan I think this has already been fixed in v8/contrib branch.
#10036

[nul800sebastiaan]

@bjarnef That's the workaround. The problem is when you try to do this on the document type > list view content app:

[nathanwoulfe]

I'm guessing the issue with the SVG icons is they don't have dimensions defined. Not an issue for icon fonts because they'll inherit font-size, but SVG will need explicit height and width.

[bjarnef]

Ahh okay, will have another look. Not sure why it need to set width to zero here.

[bjarnef]

Fixed in #10351