Skip to content

Commit a9c8818

Browse files
JaydenYoonZKJaydenYoonZK
committed
Make the overscroll strip solid (v1.3.31)
iOS skips backdrop blur in the overscroll zone, so the translucent bleed let content ghost through. The strip now wears the opaque page background, which both themes' nav tints are built on, so it reads as the bar over an empty page and nothing shows through.
1 parent 5bd98d6 commit a9c8818

7 files changed

Lines changed: 19 additions & 10 deletions

File tree

‎CHANGELOG.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,12 @@
33
All notable changes to this project are documented here.
44
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
55

6+
## [1.3.31] - 2026-07-12
7+
8+
### Fixed
9+
10+
- The strip above the navigation bar is solid now. iOS skips the frosted blur in the overscroll zone, so the translucent skin let content ghost through it; the bleed wears the opaque page background, which reads identically to the bar over an empty page in both themes.
11+
612
## [1.3.30] - 2026-07-12
713

814
### Fixed
@@ -470,6 +476,7 @@ First stable release.
470476
- Dependency-free ES module engine (`docs/serial.js`) with 16 Node tests.
471477
- Browser UI in the shared suite design, with light and dark themes, a `?demo` deep link, and a paste-and-process button.
472478

479+
[1.3.31]: https://github.com/JaydenYoonZK/wp-serial-fix/releases/tag/v1.3.31
473480
[1.3.30]: https://github.com/JaydenYoonZK/wp-serial-fix/releases/tag/v1.3.30
474481
[1.3.29]: https://github.com/JaydenYoonZK/wp-serial-fix/releases/tag/v1.3.29
475482
[1.3.28]: https://github.com/JaydenYoonZK/wp-serial-fix/releases/tag/v1.3.28

‎docs/404.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
document.documentElement.dataset.theme = t;
1616
})();
1717
</script>
18-
<link rel="stylesheet" href="styles.css?v=1.3.30">
18+
<link rel="stylesheet" href="styles.css?v=1.3.31">
1919
</head>
2020
<body>
2121
<a class="skip-link" href="#main">Skip to main content</a>
@@ -168,6 +168,6 @@ <h1>404, page not found.</h1>
168168
<span>Copyright © <a href="https://www.JaydenYoonZK.com"><strong>Jayden Yoon ZK</strong></a> <span id="copyright-year">2026</span>. All Rights Reserved.</span>
169169
</div>
170170
</footer>
171-
<script src="notfound.js?v=1.3.30"></script>
171+
<script src="notfound.js?v=1.3.31"></script>
172172
</body>
173173
</html>

‎docs/app.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*! WP Serial Fix | Copyright (c) 2026 Jayden Yoon ZK | MIT License | https://github.com/JaydenYoonZK/wp-serial-fix */
2-
import { process, isSerialized, byteLength, serialize } from "./serial.js?v=1.3.30";
2+
import { process, isSerialized, byteLength, serialize } from "./serial.js?v=1.3.31";
33

44
const $ = (id) => document.getElementById(id);
55
const esc = (s) => String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");

‎docs/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
document.documentElement.dataset.theme = t;
2929
})();
3030
</script>
31-
<link rel="stylesheet" href="styles.css?v=1.3.30">
31+
<link rel="stylesheet" href="styles.css?v=1.3.31">
3232
<script type="application/ld+json">
3333
{
3434
"@context": "https://schema.org",
@@ -312,6 +312,6 @@ <h2 id="why-built">🌱 Why I built this</h2>
312312
</footer>
313313

314314
<button id="to-top" class="to-top" type="button" aria-label="Back to top">&#8593;</button>
315-
<script type="module" src="app.js?v=1.3.30"></script>
315+
<script type="module" src="app.js?v=1.3.31"></script>
316316
</body>
317317
</html>

‎docs/styles.css‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -853,9 +853,11 @@ button:focus-visible, a:focus-visible { outline: 2px solid var(--accent); outlin
853853
right: 0;
854854
bottom: 100%;
855855
height: 1200px;
856-
background: var(--nav-bg);
857-
backdrop-filter: blur(14px);
858-
-webkit-backdrop-filter: blur(14px);
856+
/* Solid, not the nav's translucent glass: iOS skips backdrop blur in
857+
the overscroll zone, so a tinted strip would ghost the content
858+
beneath it. Both themes' nav tints share the page background's own
859+
color, so opaque --bg reads as exactly the bar over empty page. */
860+
background: var(--bg);
859861
pointer-events: none;
860862
}
861863
.site-nav > .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 58px; }

‎docs/sw.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
requests pass through untouched so live lookups stay live. The cache name
55
carries the release version and old caches are dropped on activate. */
66

7-
const VERSION = "?v=1.3.30";
7+
const VERSION = "?v=1.3.31";
88
const CACHE = "wp-serial-fix-" + VERSION;
99
const SHELL = [
1010
"./",

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "wp-serial-fix",
3-
"version": "1.3.30",
3+
"version": "1.3.31",
44
"description": "Serialization-safe search and replace for WordPress data, plus repair for already-broken serialized values. Browser-based, no dependencies.",
55
"type": "module",
66
"private": true,

0 commit comments

Comments
 (0)