Resize dialogs to fit viewport

app/javascript/controllers/dialog_controller.js

@@ -1,5 +1,6 @@
 import { Controller } from "@hotwired/stimulus"
 import { orient } from "helpers/orientation_helpers"
+import { limitHeightToViewport } from "helpers/sizing_helpers"
 
 export default class extends Controller {
   static targets = [ "dialog" ]
@@ -21,6 +22,8 @@ export default class extends Controller {
       orient(this.dialogTarget)
     }
 
+    limitHeightToViewport(this.dialogTarget, true)
+
     this.dialogTarget.setAttribute("aria-hidden", "false")
     this.dispatch("show")
   }
@@ -38,6 +41,7 @@ export default class extends Controller {
     this.dialogTarget.setAttribute("aria-hidden", "true")
     this.dialogTarget.blur()
     orient(this.dialogTarget, false)
+    limitHeightToViewport(this.dialogTarget, false)
   }
 
   closeOnClickOutside({ target }) {