Summary
arizona-bootstrap was declared in package.json as an unpinned GitHub
reference (github:az-digital/arizona-bootstrap). A fresh npm install
resolved this to the upstream HEAD, which has since moved from a
Bootstrap 4 base (v2.0.18) to a Bootstrap 5 base (v5.1.3). The application
JSX is still BS4-era, so the UI broke on reinstall.
Symptoms observed
- Buttons rendered rounded instead of square (BS5 default
border-radius).
- Close "X" on info bubbles rendered as a stray
× glyph in the wrong
position (BS4 <span aria-hidden="true">×</span> markup vs. BS5
<button class="btn-close">).
- Home / nav icons rendered incorrectly (icon-set swap between major
versions).
- Collapse-style buttons stopped working — most visibly the
"Expand Form For More Filter Options" button in Search.js. BS5's
collapse plugin listens for data-bs-toggle, not BS4's data-toggle.
Fix applied
Pinned the dependency in azlibrary_react/package.json to commit
350041a01c42883155fa0299253155df75083c2b (v2.0.18, the last BS4-era
release):
- "arizona-bootstrap": "github:az-digital/arizona-bootstrap",
+ "arizona-bootstrap":
"github:az-digital/arizona-bootstrap#350041a01c42883155fa0299253155df75083c2b",
Restored the previously committed package-lock.json and ran a clean
npm ci to reproduce the working dependency tree. Verified the four
symptoms above are resolved.
Commit: b1e6a12 ("Pin arizona-bootstrap to last BS4 commit").
Follow-up
A separate, larger effort is tracked in
openspec/changes/migrate-az-bootstrap-5/proposal.md: migrate the
application markup to Bootstrap 5 so we can unpin and track current
Arizona Bootstrap. (I'll open a separate issue for that.)
Notes
- arizona-bootstrap was the only unpinned github: dependency in the
project; no other deps are at risk of the same drift.
- Going forward, never declare a github: dep without #<sha> or
#<tag>.
Summary
arizona-bootstrapwas declared inpackage.jsonas an unpinned GitHubreference (
github:az-digital/arizona-bootstrap). A freshnpm installresolved this to the upstream HEAD, which has since moved from a
Bootstrap 4 base (v2.0.18) to a Bootstrap 5 base (v5.1.3). The application
JSX is still BS4-era, so the UI broke on reinstall.
Symptoms observed
border-radius).×glyph in the wrongposition (BS4
<span aria-hidden="true">×</span>markup vs. BS5<button class="btn-close">).versions).
"Expand Form For More Filter Options" button in
Search.js. BS5'scollapse plugin listens for
data-bs-toggle, not BS4'sdata-toggle.Fix applied
Pinned the dependency in
azlibrary_react/package.jsonto commit350041a01c42883155fa0299253155df75083c2b(v2.0.18, the last BS4-erarelease):