Menu with dynamic title menuItems, draws off screen

[abrown]

Version
Able to replicate on SC feature explorer ("9.0/WWW Deployment")

Browsers
Chrome 30.0.1599.101 m
Internet Explorer 9.0.8.112.16421

Problem
I have a menu which opens on the far right side of screen. When that menu has a menuItem with a dynamic title, the width of that menu seems to be correct but a part of the menu is off screen. In Chrome this issue seems to correct itself when you open the menu for a second time (given that the dynamic title isn't any longer). In Internet Explorer the second click doesn't make a difference. Please see code example which works in SC feature explorer sandbox, and screenshot.

I would like to know if there is a way to have the menu draw on screen at all times. Perhaps switching the menu to some Right-to-Left rendering or something like that?

Thank you,
Alex

Code

isc.Menu.create({
    ID: "menu",
	showKeys: false,
    autoDraw: false,
    showShadow: true,
    shadowDepth: 10,
    data: [{
		dynamicTitle: function() { 
			return "This is some text, most of it will not be visible on first menu button click...";
		}			
	}]
});

isc.VLayout.create({ 
	border: "1px solid red",
	width: "100%",
	members: [
		isc.MenuButton.create({
			layoutAlign: "right",
			title: "Click me",
			menu: menu
		})
	]
});