[BUG] Unwanted auto reformat in codeview

[glaceon2000]

Describe the bug The codeview auto reformat the code, which is not desired sometimes. To Reproduce Steps to reproduce the behavior:

1. Use sample HTML code like this

<table cellpadding="4" cellspacing="0" border="1">
               <tbody>
                  <tr>
                     <td>Event</td>
                     <td>$$event.name$$</td>
                  </tr>
                  <tr>
                     <td>Ticket ID</td>
                     <td>$$ticket.id$$</td>
                  </tr>
                  <tr>
                     <td>Email Address</td>
                     <td>$$spectator.email$$</td>
                  </tr>
                  $$ticket.details.main$$
               </tbody>
            </table> 

2. Switch to render view
3. Switch back to code view
4. Code is reformatted

Expected behavior Code remains unchanged

Screenshots You can see it's being modified

https://user-images.githubusercontent.com/51567674/180735156-cf9d0f8f-a3eb-44c5-a627-bd423c83848a.mov

Device: Chrome