title: LWUIT TextArea issue
body: <p>I have created LWUIT TextArea. I want to reduce my TextArea's font size. I have used the code below:</p>
  
  <pre><code>public class TextAreaMidlet extends MIDlet {
  
  public void startApp() {
      Display.init(this);
      Form mForm = new Form("Text Area");
      mForm.setLayout(new BoxLayout(BoxLayout.Y_AXIS));
      Button button = new Button("Click here to open new Form");
      mForm.addComponent(button);
      TextArea textArea = new TextArea();
      textArea.setEditable(false);
      textArea.getStyle().setFont(Font.createSystemFont(Font.FACE_SYSTEM, Font.STYLE_PLAIN, Font.SIZE_SMALL));
      textArea.setText("The quick brown fox jumps over the lazy dog, The quick brown fox jumps over the lazy dog, The quick brown fox jumps over the lazy dog, The quick brown fox jumps over the lazy dog, The quick brown fox jumps over the lazy dog, The quick brown fox jumps over the lazy dog, The quick brown fox jumps over the lazy dog");
      mForm.addComponent(textArea);
      mForm.show();
  }
  
  public void pauseApp() {
  }
  
  public void destroyApp(boolean unconditional) {
  }
  </code></pre>
  
  <p>But the TextArea display issue, look like this:</p>
  
  <pre><code> ----------------------------------
  |The quick brown fox               |
  |jumps over the lazy               |
  |dog, The quick brown              |
  |fox jumps over the lazy           |
  |dog, The quick brown fox          |
  |jumps over the lazy dog           |
   ----------------------------------
  </code></pre>
  
  <p>I want it display normally, like this</p>
  
  <pre><code> ----------------------------------
  |The quick brown fox jumps over the|
  |lazy dog, The quick brown fox     |
  |jumps over the lazy dog, The quick|
  |brown fox jumps over the lazy dog |
   ----------------------------------
  </code></pre>
  
  <p>I uploaded picture <a href="http://i6.upanh.com/2013/0620/04/56390568.textarea12.jpg" rel="nofollow">here</a></p>
  
  <p>Please help me!</p>