From aec61ca02fd235c0963524290226d23cae464433 Mon Sep 17 00:00:00 2001
From: Alexander Shabarshov <unclshura@gmail.com>
Date: Tue, 8 Apr 2025 17:16:02 +0100
Subject: [PATCH] Updated `OperationControl.razor` to use a `<textarea>`
 element instead of a `<pre>` for displaying generated example data

---
 BlazorOpenApi/Controls/OperationControl.razor | 2 +-
 BlazorOpenApi/wwwroot/css/openapi-ui.css      | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/BlazorOpenApi/Controls/OperationControl.razor b/BlazorOpenApi/Controls/OperationControl.razor
index a17dfa9..65a9d5e 100644
--- a/BlazorOpenApi/Controls/OperationControl.razor
+++ b/BlazorOpenApi/Controls/OperationControl.razor
@@ -56,7 +56,7 @@
                         {
                             <div class="example">
                                 <h3 class="e-title">Example Data</h3>
-                                <pre class="e-item">@GenerateExampleData()</pre>
+                                <textarea type="text" readonly multiple rows="20" class="e-item">@GenerateExampleData()</textarea>
                             </div>
                         }
 
diff --git a/BlazorOpenApi/wwwroot/css/openapi-ui.css b/BlazorOpenApi/wwwroot/css/openapi-ui.css
index 111591e..7171b41 100644
--- a/BlazorOpenApi/wwwroot/css/openapi-ui.css
+++ b/BlazorOpenApi/wwwroot/css/openapi-ui.css
@@ -18,6 +18,10 @@
     font-family: monospace;
     font-size: var(--oa-font-small);
     color: lightseagreen;
+    background-color: var(--oa-bg-darkest);
+    overflow: auto;
+    field-sizing: content;
+    padding: 10px;
 }
 .e-name             {}
 .e-title            {}