Insertion into Outlook Web and New Outlook desktop has wrong text alignment and missing icon about office-js

[ajays-msft]

@Gabriel2048 - Each Outlook client has a specific wrapper built around rooster, so it maybe possible few HTML attributes work fine in some clients but not in all.

As a general rule you should prefer CSS styles over HTML attributes.

You can try out this rooster editor to check different styles: https://microsoft.github.io/roosterjs/index.html#api/insertContent

[Gabriel2048]

@ajays-msft
This ("few HTML attributes work") is not pointed out in any documentation and it makes the API unpredictable. Our expectancy is that any valid HTML file should work as expected. Changing from HTML attributes to CSS styling is not an option for us as we are generating the HTML using ASPOSE.

[ajays-msft]

@Gabriel2048 - Unfortunately, this is due to complexity of how each of the platforms are implemented.

[Gabriel2048]

@ajays-msft
Does this means this bug will not get fixed and we should communicate to the customer facing this issue that this is an Outlook problem?

[mmanjaree-msft]

@Gabriel2048 Thanks for bringing this up. There are two things here firstly SVG is not supported, so please avoid using it with addin apis. There is a documentation gap which we will fix. Same for the alignment issue. Inline styles are not guaranteed to work inside mail editor and behavior might differ between platforms. We will update details of this as well in documentation.

[microsoft-github-policy-service]

This issue has been automatically marked as stale because it is marked as needing author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for your interest in Office Add-ins!

[microsoft-github-policy-service]

This issue has been closed due to inactivity. Please comment if you still need assistance and we'll re-open the issue.