FIXED: Maximize buttons not displaying properly with latest Chrome update

Question

So with the latest revision of Chrome and by extension Edge, the Maximize button that normally would be next to the dropdowns for the relationship key pairs display on the webpage in strange places. Was on an older version of DBFront and thinking I needed to upgrade to fix this issue. So currently upgraded to latest version 1.2.1.1145, this did not fix the issue. Working in old IE, no issue.

Comments

Theme is the default (None), and the problem doesn't change if I change that.  The current Chrome version is 102.0.5005.115.

The issue isn't the button size, but the location.  For example it's nowhere near the dropdown and overlaps another field.

Answer 1

This issue is due to a Chrome browser update that affects nearly all versions of dbFront. As you likely know, Edge is now a variant of Google's Chrome.

This issue also affects the position of the gear icons, lookup dropdowns and other items.
​
The latest Feature release of dbFront 1.2.2.2792 already contains the fix to this browser change.

I have also released a patch version of 1.1.5.6687 to fix this same issue. The changes to dbFront are trivial and safe.
​
​All that is required is a small addition to the base CSS file. You can update the file ccs/Site.css and add the following three lines.

div.detailFields div.value {
   position: relative; /* Fixes gear, lookup and notification positioning */
}