umputun / revdiff / 24045783262
91%

DEFAULT BRANCH: master
Ran
Jobs 1
Files 18
Run time 1min
Badge
Embed ▾
README BADGES
x

If you need to use a raster PNG badge, change the '.svg' to '.png' in the link

Markdown

Textile

RDoc

HTML

Rst
coverage: 91.725%. Remained the same
24045783262

push

github

web-flow 
fix: Safari iOS mobile layout issues (#39)

* fix: prevent page wiggle on Safari iOS mobile

Three root causes addressed:
- `position: fixed` nav without GPU layer caused repaints when Safari's
  address bar showed/hid, making the whole page wiggle. Fixed with
  `transform: translateZ(0)` + `will-change: transform` to promote nav
  to its own compositing layer.
- `scroll-behavior: smooth` on `html` conflicted with iOS momentum
  scrolling (rubber-band inertia), causing visual artifacts on anchor
  navigation. Moved into `prefers-reduced-motion: no-preference` media
  query so it only activates when the OS doesn't restrict motion.
- `min-height: 100vh` in `.docs-layout` used the static viewport height
  (includes browser chrome), causing layout shifts as Safari toolbar
  animated. Added `min-height: 100dvh` (dynamic viewport height) with
  `100vh` fallback for older browsers.
- Added `overflow-x: hidden` on body to prevent horizontal scroll flash
  during iOS momentum bounce.

https://claude.ai/code/session_01MSrdzfY7XXZPoLjckvfhaD

* fix: resolve horizontal scroll and scroll lag on Safari iOS

- Add overflow-x: hidden to html (not just body) — Safari requires it
  on html to actually block horizontal scroll; body alone is ignored
- Remove backdrop-filter blur on mobile (<900px) — it's GPU-expensive
  on iOS and causes scroll jank; use solid near-opaque bg instead
- Remove will-change: transform from nav — combined with backdrop-filter
  it can cause more repaints, not fewer
- Limit .code-block max-width on mobile to prevent overflow
- Stack .install-grid-2 to single column on narrow screens

https://claude.ai/code/session_01MSrdzfY7XXZPoLjckvfhaD

* fix: update mobile nav background to new base color palette

---------

Co-authored-by: Claude <noreply@anthropic.com>

3913 of 4266 relevant lines covered (91.73%)

460.34 hits per line

Jobs
ID Job ID Ran Files Coverage
1 24045783262.1 18
91.73
 GitHub Action Run
Source Files on build 24045783262