UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
1. Install the attached test web extension.
2. Open and and close the browser action popup by clicking the browser action icon a few times.

The popup's body is originally set to one set of body width/height, however, the application attempts to re-size the window upon opening it (setting a new width/height on the body by adding a new class).

What is the expected behavior?
Popup should open with the proper runtime modified body width/height.

What went wrong?
The popup opens and resizes only an inner portion of the window instead of the entire window. Screenshots:

- What it should look like: https://i.imgur.com/20GUOwC.png
- What it actually looks like: https://i.imgur.com/2lg8CGj.png

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 61.0.3163.100  Channel: stable
OS Version: 10.12.6
Flash Version: 

This only happens on macOS Chrome. I cannot reproduce it on Windows 10 Chrome or other browsers such as Firefox or Edge.

The same thing happens when trying to increase the size of the body as well, but instead you are left with content that is hidden and unreachable because of the overflow.

I have only been able to reproduce this when using AngularJS for the application running in the popup, however, as seen in the example, the problem also occurs whenever you just use regular jQuery to modify the popup's body dimensions (test case #3).

The only workaround is to use a timeout to set the dimensions after a 50ms delay (as shown in test case #2).
 

Deleted: browser_action_resize.zip 370 KB

browser_action_resize.zip 370 KB Download