Chromium Version : 54.0.2795.0 (32 bit)
                       e6d0c73f9481330e991420c24e2c3a7c64cb764a-refs/heads/master@{#404812}

Operating System : Windows 10

Other browsers tested:
    Firefox: PASS (47.0 release)
         IE: FAIL (11.494.10586.0)
       Edge: PASS (25.10586.0.0)

What steps will reproduce the problem?

(1) Turn on two monitors.
Set up monitor #1 to 100% (96dpi), #2 to 150% (144dpi).
Select either monitor #1 or #2 as primary.
Reboot (or relogin) to apply changes persistently.
Different resolution is important, primary/secondary gives subtle effects.

(2) Launch the browser.
(3) Let's go! Move the window from one monitor to another, resizing it at same time. Attach/detach tabs and drag them from one monitor to another.

(4) Configure your system so that your primary (maybe the only one) monitor is 150%.
(5) Launch the browser.
(6) Switch the resolution of the monitor.

What is the expected result?

- As far as the application is "system hi-dpi aware", it just rescales itself. The window title keeps sharp (because the system draws it), the client area may be blurred.

What happens instead?

- The avatar button shifts and even may overlap system buttons!
- In some cases, a visual garbage appears in the tabs area. It disappears on repaint.

Please look at screenshots and screencasts.
2016-07-12 - primary is #1 with 100%
2016-07-13 - primary is #2 with 150%

 

Deleted: 2016-07-12_21-55-05.png 37.4 KB

	2016-07-12_21-55-05.png 37.4 KB View Download

Deleted: 2016-07-13_19-11-59.png 25.6 KB

	2016-07-13_19-11-59.png 25.6 KB View Download

Deleted: Screencast_18-44_13-07-2016.mp4 8.9 MB

	Screencast_18-44_13-07-2016.mp4 8.9 MB View Download

Deleted: Screencast_21-53_12-07-2016.mp4 5.4 MB

	Screencast_21-53_12-07-2016.mp4 5.4 MB View Download

Deleted: Screencast_19-24_13-07-2016.mp4 2.2 MB

	Screencast_19-24_13-07-2016.mp4 2.2 MB View Download