We have screen in our application which displays all files uploaded. Each file is able to be assigned tags (as many as needed) which can help with filter and search. Tagging is assigned via the overflow menu or within the document view.
Currently, file list table has a column for tags, but not entirely sure what to do with:
- Tag overflow
- Column size vs truncation. We do have multiple breakpoints and tags will likely not render on smaller screens as we opted for more of a card based approach vs a table.
My current thought for point #1 was to have the tags side by side (as many as can fit) and then include a +(number) overflow. Hovering on the count would render a list of all assigned tags.
My thought for point 2 was to only truncate the first tag. If the next tag in the array doesn't fit, then it goes in the overflow. Feedback from our dev team is that there could be a lot of math involved and this could get very complicated to build. They were assuming we could show a fixed number of tags in the column and truncate all tags needed, then overflow the rest.
Am I on the right track? Any suggestions?