diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 7714339..aefcaf8 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -292,7 +292,7 @@ It generates reference pages and searchable guides from `docs/guide/` in
`public/api/`. That generated directory is ignored by Git and excluded from npm.
Do not edit the generated HTML or include private implementation classes.
-`npm run dev` generates the documentation before starting Vite; open `/api/` or
+`npm run dev` generates the documentation before starting Vite; open `/api/index.html` or
use the demo navigation. After editing guides or API comments, rerun
`npm run build:docs` and refresh. `npm run build:demo` regenerates and copies the
site to `dist/demo/api/`, so the existing Pages workflow publishes it with the demo.
diff --git a/demo/main.ts b/demo/main.ts
index 2ed231f..5191c21 100644
--- a/demo/main.ts
+++ b/demo/main.ts
@@ -96,7 +96,10 @@ document.addEventListener('pointercancel', () => {
settingsPressOutside = false;
});
document.addEventListener('click', (event) => {
- if (settingsPressOutside && outsideSettings(event)) {
+ // The native backdrop button handles touch and keyboard activation itself.
+ // Only the modal dialog backdrop needs a separate outside-press guard.
+ const backdropActivation = event.target === settingsBackdrop;
+ if ((settingsPressOutside || backdropActivation) && outsideSettings(event)) {
settingsDialog.close();
}
settingsPressOutside = false;
diff --git a/demo/style.css b/demo/style.css
index 239e840..58e0632 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -491,6 +491,12 @@ footer {
position: fixed;
inset: 0;
z-index: 20;
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ border: 0;
+ border-radius: 0;
+ cursor: default;
background: rgb(10 12 15 / 72%);
backdrop-filter: grayscale(1);
-webkit-backdrop-filter: grayscale(1);
diff --git a/docs/images/smithkit-preview.png b/docs/images/smithkit-preview.png
index b1d6e3b..5a55f64 100644
Binary files a/docs/images/smithkit-preview.png and b/docs/images/smithkit-preview.png differ
diff --git a/examples/angular/index.html b/examples/angular/index.html
index 6541d4c..966cb05 100644
--- a/examples/angular/index.html
+++ b/examples/angular/index.html
@@ -10,7 +10,7 @@