From 2ec5583629005b32cb0877786f9681c5d43ca33f Mon Sep 17 00:00:00 2001
From: Simon Willison <swillison@gmail.com>
Date: Tue, 1 Nov 2022 10:22:26 -0700
Subject: [PATCH] Show interrupted query in resizing textarea, closes #1876

---
 datasette/views/base.py | 6 +++++-
 tests/test_api.py       | 6 +++++-
 tests/test_html.py      | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/datasette/views/base.py b/datasette/views/base.py
index 67aa3a42..6b01fdd2 100644
--- a/datasette/views/base.py
+++ b/datasette/views/base.py
@@ -378,7 +378,11 @@ class DataView(BaseView):
                 <p>SQL query took too long. The time limit is controlled by the
                 <a href="https://docs.datasette.io/en/stable/settings.html#sql-time-limit-ms">sql_time_limit_ms</a>
                 configuration option.</p>
-                <pre>{}</pre>
+                <textarea style="width: 90%">{}</textarea>
+                <script>
+                let ta = document.querySelector("textarea");
+                ta.style.height = ta.scrollHeight + "px";
+                </script>
             """.format(
                         escape(ex.sql)
                     )
diff --git a/tests/test_api.py b/tests/test_api.py
index ad74d16e..4027a7a5 100644
--- a/tests/test_api.py
+++ b/tests/test_api.py
@@ -662,7 +662,11 @@ def test_sql_time_limit(app_client_shorter_time_limit):
             "<p>SQL query took too long. The time limit is controlled by the\n"
             '<a href="https://docs.datasette.io/en/stable/settings.html#sql-time-limit-ms">sql_time_limit_ms</a>\n'
             "configuration option.</p>\n"
-            "<pre>select sleep(0.5)</pre>"
+            '<textarea style="width: 90%">select sleep(0.5)</textarea>\n'
+            "<script>\n"
+            'let ta = document.querySelector("textarea");\n'
+            'ta.style.height = ta.scrollHeight + "px";\n'
+            "</script>"
         ),
         "status": 400,
         "title": "SQL Interrupted",
diff --git a/tests/test_html.py b/tests/test_html.py
index 4b394199..7cfe9d90 100644
--- a/tests/test_html.py
+++ b/tests/test_html.py
@@ -172,7 +172,7 @@ def test_sql_time_limit(app_client_shorter_time_limit):
         """
         <a href="https://docs.datasette.io/en/stable/settings.html#sql-time-limit-ms">sql_time_limit_ms</a>
     """.strip(),
-        "<pre>select sleep(0.5)</pre>",
+        '<textarea style="width: 90%">select sleep(0.5)</textarea>',
     ]
     for expected_html_fragment in expected_html_fragments:
         assert expected_html_fragment in response.text