Outlook addin using Bootstrap modal or offcanvas bleeds through on Mac version of Outlook. Classic and New Outlook for Mac.

[salesoutlook]

Provide required information needed to triage your issue

We have an Outlook Single page bootstrap addin that uses modal and offcanvas. It works on Outlook pc (classic and New) OWA, and Outlook Mobile. The Offcanvas bleeds through on Outlook for the Mac.

Your Environment

• Platform [PC desktop, Mac, iOS, Office on the web]: *_MAC Outlook Classic and New_*.__
• Host [Excel, Word, PowerPoint, etc.]: Outlook____
• Office version number: __
• Operating System: _MacOS__Monterey _12.7.6__
• Browser (if using Office on the web): __

Expected behavior

A user clicks on a menu item in the Outlook addin and the bootstrap Offcanvas overwrites the current screen.

Current behavior

On the Mac version the underlying page bleeds through and the offcanvas only partially overwrites the current screen.

Steps to reproduce

1. Create a single page Outlook addin with bootstrap and use the offcanvas feature of bootstrap. https://getbootstrap.com/docs/5.0/components/offcanvas/ ____
2. __See attached screen shots.

3. ---

Link to live example(s)

1. ---

2. ---

3. ---

   

   Provide additional details

4. ---

5. ---

6. ---

Context

Trying to create a universal app for all platforms.

Useful logs

• [ ] Console errors
• [ ] Screenshots
• [ ] Test file (if only happens on a particular file)

Thank you for taking the time to report an issue. Our triage team will respond to you in less than 72 hours. Normally, response time is <10 hours Monday through Friday. We do not triage on weekends.

[salesoutlook]

Current New Outlook for Mac Version 16.87.2 (24072822) Microsoft 365 subscription.

[salesoutlook]

It appears to be a Safari issue. I was running Chrome to test OWA. Safari and OWA has the same issue of bleed through.