|
@@ -191,8 +191,8 @@ By adding `.inert` to `x-trap`, when focus is trapped, all other elements on the
|
|
|
|
|
|
```alpine
|
|
|
<!-- When `open` is `false`: -->
|
|
|
-<body>
|
|
|
- <div x-trap="open" ...>
|
|
|
+<body x-data="{ open: false }">
|
|
|
+ <div x-trap.inert="open" ...>
|
|
|
...
|
|
|
</div>
|
|
|
|
|
@@ -202,8 +202,8 @@ By adding `.inert` to `x-trap`, when focus is trapped, all other elements on the
|
|
|
</body>
|
|
|
|
|
|
<!-- When `open` is `true`: -->
|
|
|
-<body>
|
|
|
- <div x-trap="open" ...>
|
|
|
+<body x-data="{ open: true }">
|
|
|
+ <div x-trap.inert="open" ...>
|
|
|
...
|
|
|
</div>
|
|
|
|