How to separate Managed Metadata column values by a comma and display on one line?

Question

By default, it seems when you select multiple Terms from a Managed Metadata column in a Document Library, SharePoint Online will display each Term on its own line, eg:

Some_Tag_01  
Some_Tag_02  
Some_Tag_03  

However, a Choice column that allows multiple selections will display selected options as:

Some_Choice_01, Some_Choice_02, Some_Choice_03

It looks like Managed Metadata columns are now supported in column formatting:

Supported column types

Is there a way to display multiple selected Terms separated by commas, so that they can be displayed on one line?

Answer 1

Add below JSON on managed metadata column:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "txtContent": "@currentField"
}

Output:

---

Or this:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "txtContent": "=join(@currentField, ', ')"
}

Output: