Open Dropdown Menu of Scrolling Tab Container position is wrong when resizing

[Michael Schall]

Dropdown menu of tabs on a Top Scrolling Tab Container does not position itself correctly in IE or Firefox when the screen is resized.

1. Open following link in IE or Firefox: ​http://jsfiddle.net/nathanF/6vm33jgq/
2. Resize screen so scrolling tab controls show up
3. Open tab list on far right of tab list
4. Without closing tab list menu, resize the browser window until scrolling tab controls go away.

Notice the menu moves to the far left and becomes small.

Suggestion is to just close the menu if it is open during resize to match what happens if you click elsewhere on the document.

Patch:

ScrollingTabController.js

@@ -184 +184 @@
                         var enable = this._enableBtn(this._contentBox.w);
                         this._buttons.style("display", enable ? "" : "none");
 
+                        // close menu if it is open
+                        if (this._menuBtn && this._menuBtn.get("_opened")) {
+                                this._menuBtn.closeDropDown(false);
+                        }
+
                         // Position and size the navigation buttons and the tablist
                         this._leftBtn.region = "left";
                         this._rightBtn.region = "right";