title: How can I prevent ExtJs menu container from spilling out of the body?
body: <p>I am using <strong>ExtJs 4.1.1</strong>. I am using body layout, the North region of which has a top toolbar. The top toolbar has a <strong>splitButton</strong> on it's extreme right.</p>
  
  <p><strong>Problem</strong>: Sometimes when the menu item has long text the container of menu items spills out of the body and it appears truncated.</p>
  
  <p><img src="https://i.stack.imgur.com/5NlTd.png" alt="enter image description here"></p>
  
  <p>I want to ensure that the menu text and the entire menu container is always visible. How can I achieve this?</p>
  
  <p><strong>Update:</strong> Can I configure the menu to unfold leftwards instead of right? This will take care of this particular situation.</p>