fix textarea visibility for fromTextArea

Author: pepc84

examples/acceleration-with-vectors.html

@@ -122,7 +122,7 @@ <h1>Acceleration With Vectors</h1>
         <span>acceleration-with-vectors.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">/**
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">/**
  * Acceleration with Vectors
  * by Daniel Shiffman.
  *

examples/additive-wave.html

@@ -150,7 +150,7 @@ <h1>Additive Wave</h1>
         <span>additive-wave.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">/**
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">/**
  * Additive Wave
  * by Daniel Shiffman.
  *

examples/alpha-mask.html

@@ -97,7 +97,7 @@ <h1>Alpha Mask</h1>
         <span>alpha-mask.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">/**
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">/**
  * Alpha Mask. 
  * 
  * Loads a "mask" for an image to specify the transparency 

examples/animated-sprite.html

@@ -125,7 +125,7 @@ <h1>Animated Sprite</h1>
         <span>animated-sprite.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">/**
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">/**
  * Animated Sprite (Shifty + Teddy)
  * by James Paterson.
  * Translated to C++ Mode.

examples/arctangent.html

@@ -130,7 +130,7 @@ <h1>Arctangent</h1>
         <span>arctangent.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">/**
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">/**
  * Arctangent.
  *
  * Move the mouse to change the direction of the eyes.

examples/arm.html

@@ -107,7 +107,7 @@ <h1>Arm</h1>
         <span>arm.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">/**
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">/**
  * Arm. 
  * 
  * The angle of each segment is controlled with the mouseX and

examples/array-2d.html

@@ -106,7 +106,7 @@ <h1>Array 2D</h1>
         <span>array-2d.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">/**
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">/**
  * Array 2D.
  *
  * Demonstrates the syntax for creating a two-dimensional (2D) array.

examples/array-objects.html

@@ -146,7 +146,7 @@ <h1>Array Objects</h1>
         <span>array-objects.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">/**
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">/**
  * Array Objects.
  *
  * Demonstrates the syntax for creating an array of custom objects.

examples/array.html

@@ -114,7 +114,7 @@ <h1>Array</h1>
         <span>array.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">/**
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">/**
  * Array.
  *
  * An array is a list of data. Each piece of data in an array

examples/arraylist-of-objects.html

@@ -126,7 +126,7 @@ <h1>ArrayList of objects</h1>
         <span>arraylist-of-objects.pde</span>
         <button class="copy-btn" onclick="copyCode()">Copy</button>
       </div>
-      <textarea id="code-pre" style="display:none">class Ball {
+      <textarea id="code-pre" style="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;">class Ball {
 public:
   float x;
   float y;