Support Article
UI misaligned in Chrome and blankspace displays under tab header
SA-90277
Summary
After updating to Chrome 76 or Chrome 77 browser, on hovering over the tabs, the UI is misaligned and blank space displays under the tab header.
Error Messages
Not Applicable
Steps to Reproduce
Hover over a tabbed layout on the Chrome browser.
Root Cause
A third-party product issue.
This is specific to particular Chrome versions. The CSS position: absolute is handled incorrectly.
Resolution
Perform the following local-change:
Add the below CSS in the UserWorkForm:
<style>
.wk #workarea .static-dc-tab, .wk #workarea .tabContent .dynamicContainer {
position: relative;
}
</style>
Alternatively, update to the upcoming Chrome 78 browser.
Published October 10, 2019 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.