fix contenteditable

Author: kusazh

index.html

@@ -27,7 +27,7 @@
         border: solid 1px rgba(0, 0, 0, 0.2);
         border-radius: 2rem;
         box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
-        margin: 4rem 0 6rem 0;
+        margin: 2rem 0 4rem 0;
         padding: 1rem;
         white-space: nowrap;
       }
@@ -43,7 +43,7 @@
       }
       textarea {
         font-size: 16px;
-        margin-bottom: 4rem;
+        margin-bottom: 2rem;
         overflow: hidden;
         resize: none;
         text-align: center;
@@ -75,105 +75,107 @@
     <table id="pass">
       <tr>
         <th contenteditable="true" colspan="5" rowspan="2">
-          Nice Boat Airlines
+          <span contenteditable="true">Nice Boat Airlines</span>
         </th>
         <th class="divider" rowspan="6"></th>
         <th rowspan="6"></th>
-        <th contenteditable="true" colspan="2">Nice Boat Airlines</th>
+        <th colspan="2">
+          <span contenteditable="true">Nice Boat Airlines</span>
+        </th>
       </tr>
       <tr>
-        <td contenteditable="true">
+        <td>
           <small>Class</small>
           <br />
-          <strong>A</strong>
+          <strong contenteditable="true">A</strong>
         </td>
-        <td contenteditable="true">
+        <td>
           <small>Seat</small>
           <br />
-          <strong>01A</strong>
+          <strong contenteditable="true">01A</strong>
         </td>
       </tr>
       <tr>
-        <td contenteditable="true" colspan="5">
+        <td colspan="5">
           <small>Name</small>
           <br />
-          <strong>Kusa Zhang</strong>
+          <strong contenteditable="true">Kusa Zhang</strong>
         </td>
-        <td contenteditable="true" colspan="2">
-          <strong>Kusa Zhang</strong>
+        <td colspan="2">
+          <strong contenteditable="true">Kusa Zhang</strong>
           <br />
-          <strong>E14514</strong>
+          <strong contenteditable="true">E14514</strong>
         </td>
       </tr>
       <tr>
-        <td contenteditable="true">
+        <td>
           <small>Flight</small>
           <br />
-          <strong>E14514</strong>
+          <strong contenteditable="true">E14514</strong>
         </td>
-        <td contenteditable="true">
+        <td>
           <small>Date</small>
           <br />
-          <strong>9 Mar</strong>
+          <strong contenteditable="true">9 Mar</strong>
         </td>
-        <td contenteditable="true">
+        <td>
           <small>At</small>
           <br />
-          <strong>13:15</strong>
+          <strong contenteditable="true">13:15</strong>
         </td>
-        <td contenteditable="true">
+        <td>
           <small>Class</small>
           <br />
-          <strong>A</strong>
+          <strong contenteditable="true">A</strong>
         </td>
-        <td contenteditable="true">
+        <td>
           <small>Seat</small>
           <br />
-          <strong>01A</strong>
+          <strong contenteditable="true">01A</strong>
         </td>
-        <td contenteditable="true">
+        <td>
           <small>
             From
             <br />
             To
           </small>
         </td>
-        <td contenteditable="true">
+        <td>
           <small class="black">
-            Baidi
+            <span contenteditable="true">Baidi</span>
             <br />
-            Jiangling
+            <span contenteditable="true">Jiangling</span>
           </small>
         </td>
       </tr>
       <tr>
-        <td contenteditable="true" colspan="2">
+        <td colspan="2">
           <small>From</small>
           <br />
-          <strong>Baidi</strong>
+          <strong contenteditable="true">Baidi</strong>
           <br />
-          <small class="margin">BDI</small>
+          <small contenteditable="true" class="margin">BDI</small>
         </td>
-        <td contenteditable="true" colspan="3">
+        <td colspan="3">
           <small>To</small>
           <br />
-          <strong>Jiangling</strong>
+          <strong contenteditable="true">Jiangling</strong>
           <br />
-          <small class="margin">JLN</small>
+          <small contenteditable="true" class="margin">JLN</small>
         </td>
-        <td contenteditable="true"><strong>9 Mar</strong></td>
-        <td contenteditable="true"><strong>13:15</strong></td>
+        <td><strong contenteditable="true">9 Mar</strong></td>
+        <td><strong contenteditable="true">13:15</strong></td>
       </tr>
       <tr>
-        <td contenteditable="true">
+        <td>
           <small>Sequence</small>
           <br />
-          <strong>0005</strong>
+          <strong contenteditable="true">0005</strong>
         </td>
-        <td contenteditable="true" colspan="2">
+        <td colspan="2">
           <small>Boarding Time</small>
           <br />
-          <strong>12:45</strong>
+          <strong contenteditable="true">12:45</strong>
         </td>
         <td class="poem" colspan="2">
           <span id="poem">
@@ -186,8 +188,8 @@
             ■Ⅲ 輕舟已過萬重山■|Ⅱ</span
           ><span class="upper">▏</span>
         </td>
-        <td contenteditable="true"><small>Sequence</small></td>
-        <td contenteditable="true"><small class="black">0005</small></td>
+        <td><small>Sequence</small></td>
+        <td><small contenteditable="true" class="black">0005</small></td>
       </tr>
     </table>
     <textarea id="aera" rows="4">