first close reason should be autofocused upon opening the post closure modal

Author: Oaphi

app/assets/javascripts/closure.js

@@ -44,4 +44,12 @@ document.addEventListener('DOMContentLoaded', async () => {
       QPixel.createNotification('danger', `<strong>Failed:</strong> ${req.status}`);
     }
   });
+
+  QPixel.DOM?.watchClass('.js-close-box.is-active', (target) => {
+    const reasonInput = target.querySelector('input[name="close-reason"]');
+
+    if (QPixel.DOM?.isHTMLElement(reasonInput)) {
+      reasonInput.focus();
+    }
+  });
 });

app/views/posts/_close_modal.html.erb

@@ -8,7 +8,7 @@
 <div class="post--action-dialog js-close-box">
   <div class="widget">
     <div class="widget--header">Why should this post be closed?</div>
-    <% CloseReason.active.each do |reason| %>
+    <% CloseReason.active.each_with_index do |reason, idx| %>
       <div class="widget--body">
         <div class="grid">
           <div class="grid--cell">
@@ -17,6 +17,7 @@
                    name="close-reason"
                    value="<%= reason.id %>"
                    id="close-reason-<%= reason.id %>"
+                   <%= 'checked' if idx.zero? %>
                    data-rop="<%= reason.requires_other_post %>">
           </div>
           <div class="grid--cell is-flexible">