Mapped options can't auto populate Text Color

[clay123]

When Mapping values in Tag, Text Color doesn't auto populate, it populates Fallback text. Value, label, caption, and color auto populate.

I have a query and I transform the results. The transformer is:

function transformData(data) {
const arrayData = formatDataAsArray(data);
return arrayData.map(item => ({
value: item.spirit,
label:item.spirit,
color: 'white',
textColor:'black',
caption: 'blah'}));
}
return transformData(data);

I have tried renaming textColor various names but always populates Fallback Text. I think it has something to do with the space between Text and Color.

[WidleStudioLLP]

Hey @clay123

I think its a bug because i tried with the manual data its not set the colortext in that particular place.

@AbbeyHernandez Can you please notice it?

[Jack_T]

Hello @clay123 and @WidleStudioLLP,

Interesting find. I just replicated with mapping data onto a Tags component and can confirm that even with the property set to textColor the component seems to not pick it up automatically to fill in the Text color input field.

I can file a bug report to have it look to find camel cased textColor so that you won't need custom strings with "text color" or any variation on that!

[clay123]

Thanks.