Unable to Use the Groovy console on certain browsers

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Go to http://localhost:8080/alfresco/s/groovy/scriptrunner on chrome on MAC
2. Enter Groovy Code
3. Try to click "Go"

What is the expected output? What do you see instead?
The typed in code should be executed but instead nothing happens

What version of the product are you using? On what operating system?
org.alfresco.extension.groovy.web-scripts.common version 1.3.
org.alfresco.extension.groovy.web-scripts version 1.3.
Alfresco 4.2.2 and A.fresco 4.1.9

Please provide any additional information below.
I suspect that the button is hidden under the results text area because of its 
z-index.
I suspect that the resize corner of the text area is also unaccessible for the 
same reason.

I verified the following fix using the Chrome developer tools
Change the text area from this:
<textarea cols="160" rows="25" name="script"></textarea>
To this:
<textarea name="script" style="width: 70%; height: 70%;"></textarea>

The issue here is that you cannot guarantee the textarea will fit in the space 
allocated when you specify the cols and rows. Especially when the rest of the 
layout is based upon percentages of the browser window.

By specifying the size as percentages of the containing div, you guarantee that 
the textarea will always fit and the button will always be accessible

Original issue reported on code.google.com by richard....@alfresco.com on 30 Jul 2014 at 2:16