Skip to content

Pin arizona-bootstrap to last Bootstrap 4 commit (restore broken UI) #46

@NoisyFlowers

Description

@NoisyFlowers

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">&times;</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>.                                                                            
 

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions