Botframework-webchat: Adaptive Card buttons are wonky on Mac Chrome
Screenshots
Version
4.5.3
Describe the bug
- Adaptive Card buttons show as having a gradient that looks bad. Interestingly, when you set the background color manually to
.ac-pushButtonwill remove the gradient. We're still not sure why this is happening.
To Reproduce
Steps to reproduce the behavior:
- Open Mock Bot in Chrome on a Mac.
- Type help
- Note that the buttons have a gradient background.
Expected behavior
Adaptive Card buttons should show as plain white.
Additional context
[Bug]
corinagum
All 4 comments
When we set the background color to #FEFEFE, the gradient is gone. But if we set it to #FFF, #FFFFFF or White, it become gradient.
When we set border to dotted, it is fixed. When we set it to solid, gradient fight back.
Tested on Chrome 72 and 76 on Mac.
(＃°Д°)
compulim
on 28 Aug 2019
👍2
I think we should file this bug to Adaptive Card and ask them to set appearance: none (also for vendor prefix if needed, i.e. -webkit-appearance: none).
compulim
on 29 Aug 2019
👍1
Filed an issue to Adaptive Card team, https://github.com/microsoft/AdaptiveCards/issues/3411.
compulim
on 30 Aug 2019
It looks like this is a won't fix from AC team, but as a workaround we will add appearance: none to ac-pushButton in AdaptiveCardRenderer.js
corinagum
on 31 Aug 2019
👍1
Was this page helpful?
0 / 5 - 0 ratings
Related issues
corinagum
·
3Comments
joshm998
·
3Comments
filipjakov
·
4Comments
Stardox
·
3Comments
adriantan08
·
3Comments
Most helpful comment
When we set the background color to
#FEFEFE, the gradient is gone. But if we set it to#FFF,#FFFFFForWhite, it become gradient.When we set
bordertodotted, it is fixed. When we set it tosolid, gradient fight back.Tested on Chrome 72 and 76 on Mac.
(＃°Д°)