expand native sheet when content overflows

app/javascript/elements/native_modal.js

@@ -1,6 +1,7 @@
 export default class extends HTMLElement {
   connectedCallback () {
     document.addEventListener('turbo:submit-end', this.onSubmit)
+    this.addEventListener('click', this.onClick)
   }
 
   disconnectedCallback () {
@@ -15,4 +16,12 @@ export default class extends HTMLElement {
 
     window.webkit?.messageHandlers?.modal?.postMessage({ action: 'submitted' })
   }
+
+  onClick = () => {
+    setTimeout(() => {
+      if (document.documentElement.scrollHeight > window.innerHeight) {
+        window.webkit?.messageHandlers?.modal?.postMessage({ action: 'expand' })
+      }
+    }, 300)
+  }
 }