Added new modifier to Focus plugin

packages/docs/src/en/plugins/focus.md

@@ -308,6 +308,27 @@ By default, when `x-trap` traps focus within an element, it focuses the first fo
 
 By adding `.noautofocus`, Alpine will not automatically focus any elements when trapping focus.
 
+<a name="preventscroll"></a>
+#### .preventscroll
+
+By default `x-trap` or rather `focus-trap` will scroll to the currently focussed element inside its content.  Adding `.preventscroll`, disables this effect.
+
+For example:
+
+```alpine
+<div x-data="{ open: false }">
+    <button @click="open = true">Open Dialog</button>
+
+    <div x-show="open" x-trap.preventscroll="open">
+        Dialog Contents
+
+        <input type="text" name="your_name" autofocus>
+
+        <button @click="open = false">Close Dialog</button>
+    </div>
+</div>
+```
+
 <a name="focus-magic"></a>
 ## $focus
 

packages/focus/src/index.js

@@ -116,6 +116,10 @@ export default function (Alpine) {
                 if (autofocusEl) options.initialFocus = autofocusEl
             }
 
+            if (modifiers.includes('preventscroll')) {
+                options.preventScroll = true
+            }
+
             let trap = createFocusTrap(el, options)
 
             let undoInert = () => {}