` (or update the selector in `dialog.js`). The `?.` optional chaining means it will silently fail if missing, the dialog will open but inert won't be applied. ### 3. Partial Wrapping: `{{- with partial "ui/dialog" ... }}` ... `{{- end }}` The dialog partial is **always** called inside a `{{- with ... }}` block. The dialog body content goes **between** the `with` opening and the closing `{{- end }}`: ```html {{- with partial "ui/dialog" (dict "trigger" "Open" "title" "My Dialog") }}

This is the dialog body content.

{{- end }} ``` Using `{{ partial }}` (without `with`) or placing content outside the `with` block will **not work** — the content will not render inside the dialog. ### 4. Content via `.content` Dict vs `inner` The partial receives its body content from two sources (checked in order): - `.content` (dict parameter) — when calling the partial programmatically - `inner .` (Hugo's `inner` function) — when called from a shortcode or with inner template content If `.content` is provided, it is used and `inner .` is ignored. ### 5. `x-teleport="body"` — DOM Position The dialog template uses `