ACE Teams mobile app rendering issues

[manufz]

Versions

[ 1.13.0-beta.5 ] SPFx Generator version

Observed Behavior

ACE behave differently on Teams mobile (iOS):

• Images are not rendered centered when using "horizontalAlignment": "Center"
• SVGs are not displayed

Mobile:

Desktop (as expected):

Steps to Reproduce

Example AC with centered image:

{
  "type": "AdaptiveCard",
  "body": [
    {
      "type": "Image",
      "url": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCACWAJYDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD6DooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKVVLMAoJYnACjJP0HevUPBvwRutShjutZnksLfG5YE/1xHqf7ooA8uor6i074YeF9OjEa6PDcYHLXQ80sfX5uPyqW++Gnhe8jKPo1vFkYzCmzH/fNAHyxRXsfi74DCGJ7nQJ2bHzGznOSf91/X2ryC4hktZWhnjaGZGKsjeooAjooooAKKKKACiiigAooooAKKKKACiiigAozjnG72Pej9a0PDWkya/r2n6cnW4lVXb+6pYAn8BQB6v8ABP4fR+XH4hv4zIWb/QkkHIx1lPuegr2mq1nax2NvFbwAJDEioijsoFWaACiiigBD0rzb4ufDuLxJpsuqWUarqtuu4kf8tlAzg+/p716VSH86APjA5U/xdSvzdsdRRXY/Ffw2vhvxjcpCNltc/wClRAejcH/x7fXHUAFFFFABRRRQAUUUUAFFFFABRRRQAV3/AMDrdbnx9bv3hill/wDHdv8A7PXADqK9B+Btytv48hiPWa3dP03/ANKAPo+iiigAooooAKKKSgDxj9oi1Ty9EuR94GWL/wBBNeL17d+0POq6fo0B+800jj/gKqP/AGevEaACiiigAooooAKKKKACiiigAooooAQ5wcDJ7VreFtZ/4R/xHYalnbHb3AkYf9MyQH/TNZVH16e1AH2VbyJcRRzLyrgOv0IqavI/gn46S+tU0C8k23cA3Qbv4l7p9V6165QAUUUUAFJQeh4z7VzPjrxjb+DNDmu5PnuWG23iH3nbt+ANAHjvx011dS8XLYxt+7sYVib/AK6Md5/QLXnFS3V1JeXU9zM2+WZy5f8AvZ7fhUVABRRRQAUUUUAFFFFABRRRQAUUYzx0qxptjcaneQW1pC81zMcLEpwDz1z2oAr1JDC87bI4zI3T5Rk17b4R+A9rbQx3GvSNdT9RaxHbGnsT3Nen6Xo9notuILG1htIR/BCm0H6nuaAPkZftWm3KOvm2t0jBkb7jLg8Ee9eyeCfjlFIkVpr6tE+NovlHyn/eHr716b4i8L6b4osjbalbpMuDsbGGQ+oPYivn3x38LNS8Gs9xDvvtJ3fLOow6e0g7/WgD6J03WrDWofMsbyG7Q94n3EfUdqtXFxFaxmSaRIox1dyB+pr42BIOQSp7EdRTpJpJAA0jPj+81AH0X4o+M2ieH1litZRqt7ziO3bMY+rnj8BzXhPiTxNf+LNSe8v5fMkJxGo+4i/3V/rWVHG80ixxqzuxCqqjJJPQAeteueA/ghLdNFfeIR5UAAKWKnLMP9s+ntQB5TDp11dQtJBaTSQjhmjiyPz7VA2VYghgw4Kt2r7ItbSKyto4IEEUUa7VRegFZHiDwboviZCNRsYZm7TBdrj/AIFQB8m0V6d44+Cl1oMEt/pEjX1nHlmgcYljXqTnuBXmRB54YbTgq3Y0AJRRRQAUUUUAFFFFAADgg4z9K+gfgn4Kj0TRY9WuI91/eplHbqkWeB/wL71eH+H9N/tfXtPsP4bieON/ozAH+dfXUEa28McS/dQBB+AoAlooooAKbIokjZWUMrDBUjOfanUUAcdq/wAKfDOsyNLLpqQOxy0luxjJPuBxWXD8C/DEblnS7mX+69wdv6V6LRQBh6L4P0Xw4Q2n6ZBby/dMirl/xY8mtyiigAooooASvnf4yeB4/DmqLqdjH5djeMdyL0SX+L8xX0TXHfFTSV1bwLqiYG+CP7TGfdMk/wDjoNAHzBRRRQAUUUUAFHHfpRR05PSgDsvg9Zm7+IOlZ+7EXkb6iMkV9PV89/AG1MnjK6lPSC0ZR+JSvoSgAooooAKKKKACiiigAooooAKKKKACoby3W8tZoH+5KjI30IxU1JQB8ZyRtG7I3VSVP0BOKZWn4nh+z+I9Vh/55Xk0f/fLsP61mUAFFFFABR14oooA9h/Z1t915rlx6LCv/fW9v6V7fXkn7PNv5eg6lN/fuxH+Sbv/AGevW6ACiiigAooooAKKKKACiiigAooooAKKKQ8c0AfKHxCh+z+ONcT+9du//fRD/wDs1c/XYfFyDyfiFqye8bfnGtcfQAUUUUAFIeQRRRQB9E/AeEL4JaTvLdyOfyQf+y16RRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQB80/GxcfEK7/ANqOM/ki1wtFFABRRRQB/9k=",
      "size": "Large",
      "horizontalAlignment": "Center",
      "style": "Person"
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.3"
}

[johnguy0]

Thank you for reporting. We'll look into this.

[johnguy0]

Should be resolved.