微软Teams安卓端访问自适应卡片时出现意外UI错误

这是微软Teams安卓客户端的原生渲染漏洞，和你的配置无关。

你提交的Adaptive Card配置完全符合官方规范，Input.ChoiceSet的属性配置没有错误，同一套代码在桌面端、iOS端都能正常渲染，仅安卓端出现异常线条，已经可以排除配置错误的可能。

效果对比 #

问题原因 #

该问题是安卓端Teams内置的Adaptive Card渲染引擎对Input.ChoiceSet组件的默认样式实现存在缺陷，渲染下拉组件时多绘制了一条顶部边框线，属于平台侧的适配bug，目前已经是被多次反馈的已知问题，微软会在后续的安卓端Teams版本中修复。

临时修复方案 #

• 方案1：给Input.ChoiceSet新增"style": "filtered"属性，部分版本的安卓端Teams会切换下拉组件的渲染逻辑，直接避开这个线条bug
• 方案2：在当前的Input.ChoiceSet外层套一个Container容器，给容器设置"padding": "0 0 2px 0"属性，2px的底部内边距会刚好向下偏移组件，把顶部的异常线条挡住，不会影响其他端的显示效果
• 方案3：如果对UI还原度要求极高，可以暂时用多个Action.Toggle组件模拟下拉选择逻辑，等待官方修复后再切换回Input.ChoiceSet

额外提示：你返回的task参数里的heigth拼写有误，正确写法是height，不过该参数仅会影响弹窗高度，和本次的下拉线条异常无关。

内容的提问来源于stack exchange，提问作者GMAC