Grow the Add stories field to fit its URLs

bindery/static/js/stories.js

@@ -227,6 +227,13 @@ export function storiesPage(main, _params, config) {
     rows: 3,
     placeholder: 'https://www.royalroad.com/fiction/…  (one URL per line)',
     'aria-label': 'Story URLs',
+    // Phones give no handle to resize a textarea, so the field grows to fit its URLs. It never
+    // shrinks, so a size set with the handle on a desktop stays.
+    oninput: () => {
+      if (urls.scrollHeight > urls.clientHeight) {
+        urls.style.height = `${urls.scrollHeight + urls.offsetHeight - urls.clientHeight}px`;
+      }
+    },
   });
   const add = button(
     'Add',
@@ -237,6 +244,7 @@ export function storiesPage(main, _params, config) {
       if (result.jobs.length) {
         toast(`Queued ${result.jobs.length} ${result.jobs.length === 1 ? 'story' : 'stories'}`);
         urls.value = '';
+        urls.style.height = '';
         refreshJobs();
       }
     },