[Rendering] Unable to render Input.ChoiceSet with style 'Compact', the displayed effect is the same as that of style 'Expanded'

[haohighview]

Target Platforms

NodeJS

SDK Version

3.0.5

Application Name

React

Problem Description

1. Unable to render Input.ChoiceSet with style 'Compact', the displayed effect is the same as that of style 'Expanded'

2. The latest designer already supports Fluent UI. How to use Fluent UI during SDK rendering?
   https://adaptivecards.microsoft.com/designer

Screenshots

No response

Card JSON

{
	"$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
	"type": "AdaptiveCard",
	"version": "1.6",
	"body": [{
		"type": "Input.ChoiceSet",
		"id": "myColor",
		"label": "What color do you want? (isMultiSelect:false, style:compact)",
		"value": "1",
		"choices": [{
			"title": "Red",
			"value": "1"
		}, {
			"title": "Green",
			"value": "2"
		}, {
			"title": "Blue",
			"value": "3"
		}]
	}, {
		"type": "Input.ChoiceSet",
		"id": "myColor2",
		"style": "expanded",
		"label": "What color do you want? (isMultiSelect:false, style:expanded)",
		"value": "1",
		"choices": [{
			"title": "Red",
			"value": "1"
		}, {
			"title": "Green",
			"value": "2"
		}, {
			"title": "Blue",
			"value": "3"
		}]
	}, {
		"type": "Input.ChoiceSet",
		"id": "myColor3",
		"isMultiSelect": true,
		"value": "1,3",
		"label": "What colors do you want? (isMultiSelect:true, style:compact)",
		"choices": [{
			"title": "Red",
			"value": "1"
		}, {
			"title": "Green",
			"value": "2"
		}, {
			"title": "Blue",
			"value": "3"
		}]
	}, {
		"type": "Input.ChoiceSet",
		"id": "myColor4",
		"isMultiSelect": true,
		"value": "1",
		"style": "expanded",
		"label": "What colors do you want? (isMultiSelect:true, style:expanded)",
		"choices": [{
			"title": "Red",
			"value": "1"
		}, {
			"title": "Green",
			"value": "2"
		}, {
			"title": "Blue",
			"value": "3"
		}],
		"wrap": false
	}, {
		"type": "Input.ChoiceSet",
		"id": "BU",
		"style": "filtered",
		"isMultiSelect": true,
		"choices": [{
			"title": "YFS",
			"value": "YFS"
		}, {
			"title": "ITC",
			"value": "12"
		}]
	}],
	"actions": [{
		"type": "Action.Submit",
		"title": "OK"
	}]
}

Sample Code Language

No response

Sample Code

No response

[jzhouw]

+1