Fix for D365 Business Central on Chrome and Edge
After the June 2022 wave of browser updates to Chromium-based browsers such as Google Chrome and Microsoft Edge, customers have experienced glitches in the Business Central user interface. While the teams behind the Chromium-based browsers work to address the root cause, Microsoft has prepared a fix to supported versions of Business Central. For Business Central online customers, the fix is already rolling out, starting June 29. This article describes how on-premises customers can identify the issue and plan their approach to fixing or working around the problem.
For more information, contact dynamicsinfo@dialog.com.au
Users impacted by this issue will experience misplaced UI elements in the Business Central user interface, such as the on/off switch control (for Boolean fields) or assist-edit control (on any field) being relocated to the upper corners of a page as illustrated in the following image. The misplaced controls may overlap each other, creating difficulties in identifying and activating the right one.
Users accessing Business Central in any of the following ways may experience this issue:
Method of access | Business Central 2021 wave 2 (version 18) or newer | Business Central 2019 (version 14) | Dynamics NAV 2018 (version 11) and earlier |
---|---|---|---|
Microsoft Edge or Google Chrome browser | Impacted | Not impacted | Not impacted |
Desktop app based on PWA technology, including the new Business Central app on the Microsoft Store | Impacted | Not impacted | Not impacted |
Business Central embedded in other applications | Impacted | Not impacted | Not impacted |
Mobile app for Android | Impacted | Impacted | Impacted |
Note
The issue has been confirmed on supported version of Business Central, but most likely applies to other versions
Fixing the issue for Business Central on-premises
The fix to the web server will be included in the July or August cumulative updates that administrators can deploy to Business Central on-premises solutions. This section will be updated with a specific list of cumulative updates that contain the fix, as soon as those are made generally available.
The following steps help all users in your organization work around the issue and vary depending on the version of Business Central you have deployed.
- On your Web server, open the
desktopPreview.css
file in a text editor such as Notepad. The file is in your Web server instance folder, such asC:\inetpub\wwwroot\InstanceName\wwwroot\Resources
whereInstanceName
is the identifier for your web server instance. The actual path depends on how you have configured IIS and the Business Central Web server. - Paste the following lines at the very end of the file, and then save your changes:cssCopy
.ms-nav-edit-control-container, .booleancontrol-toggle-switch-container .edit-container .input-wrapper { transform: translateZ(0); }
- Repeat steps 1 and 2 for the
tablet.css
andphone.css
files that are in the same folder. - If your deployment has multiple Web server instances, repeat steps for 1 to 3 for each instance.
Note
The changes come into effect immediately. No need to restart the service.
- On your Web server, open the
desktop.css
file in a text editor such as Notepad. The file is in your Web server instance folder, such asC:\inetpub\wwwroot\InstanceName\wwwroot\Resources
whereInstanceName
is the identifier for your web server instance. The actual path depends on how you have configured IIS and the Business Central Web server. - Paste the following lines at the very end of the file, and then save your changes:cssCopy
.ms-nav-edit-control-container { transform: translateZ(0); }
- Repeat steps 1 and 2 for the
tablet.css
andphone.css
files that are in the same folder. - If your deployment has multiple Web server instances, repeat steps for 1 to 3 for each instance.
Note
The changes come into effect immediately and no service restart is required.
If you access Business Central in your browser, consider temporarily switching to another supported browser that is unaffected by this issue, such as Mozilla FireFox.
July 1, 2022