tweak "view source" boxes

files/assets/css/main.css

@@ -6246,4 +6246,8 @@ blockquote + blockquote, div > blockquote:first-child, blockquote:last-child {
 }
 .text-gray {
 	color: gray !important;
+}
+div.markdown {
+	height: auto;
+    white-space: pre-wrap;
 }

files/assets/js/comments.js

@@ -6,7 +6,6 @@ function poll_vote_no_v() {
 function expandMarkdown(id,type) {
 	const ta = document.getElementById('markdown-'+id);
 	ta.classList.toggle('d-none');
-	autoExpand(ta);
 	document.getElementsByClassName('text-expand-icon-'+id)[0].classList.toggle('fa-expand-alt');
 	document.getElementsByClassName('text-expand-icon-'+id)[0].classList.toggle('fa-compress-alt');
 

files/templates/comments.html

@@ -554,7 +554,7 @@
 			</div>
 
 		{% if v and v.id != c.author_id and c.body %}
-			<textarea autocomplete="off" class="d-none card border my-2 p-3 comment-box form-control rounded" id="markdown-{{c.id}}" readonly>{{c.body.strip()}}</textarea> 
+			<div autocomplete="off" class="markdown d-none card border my-2 p-3 comment-box form-control rounded" id="markdown-{{c.id}}" readonly>{{c.body.strip()}}</div> 
 		{% endif %}
 
 
@@ -885,7 +885,7 @@
 	{% include "expanded_image_modal.html" %}
 
 	<script src="{{asset('js/comments+submission_listing.js')}}"></script>
-	<script src="/assets/js/comments.js?v=259"></script>
+	<script src="/assets/js/comments.js?v=260"></script>
 
 	<script>
 		{% if p and (not v or v.highlightcomments) %}

files/templates/submission.html

@@ -947,7 +947,7 @@
 </div>
 
 {% if v and v.id != p.author_id and p.body and not v_forbid_deleted %}
-	<textarea autocomplete="off" class="d-none card border my-2 p-3 comment-box form-control rounded" id="markdown-{{p.id}}" readonly>{{p.body.strip()}}</textarea> 
+	<div autocomplete="off" class="markdown d-none card border my-2 p-3 comment-box form-control rounded" id="markdown-{{p.id}}" readonly>{{p.body.strip()}}</div> 
 {% endif %}
 
 <div class="row border-md-0 comment-section pb-3">

files/templates/util/assetcache.html

@@ -1,6 +1,6 @@
 {%-
 set CACHE_VER = {
-	'css/main.css': 497,
+	'css/main.css': 498,
 	'css/catalog.css': 2,
 
 	'css/4chan.css': 61,