v0.3.8

• Surroundings picker pills no longer spill outside the box. Root cause was twofold:
  1. Select2 v4.1.0-rc.0's containerCssClass option silently dropped on init — so every CSS rule I'd scoped to .codeon-tbilisi-picker never matched the rendered container, and Select2's tight defaults applied unmodified. Now adding the scoping class manually via $sel.next('.select2-container').addClass(...) immediately after init, guaranteed to take effect.
  2. The fallback CSS used float: left on pills with a display: block parent <ul> — classic float-containment problem (parent height collapses, pills overflow downward). Switched to display: flex; flex-wrap: wrap; gap: 6px on the <ul> with float: none; flex: 0 0 auto on the pills. Parent now grows organically as pills wrap.
• Typed text in the search input is now unambiguously visible. The search <li> is flex: 1 0 100% so it always wraps to its own line below the pills. The <input> inside is width: 100%, min-height: 40px, font-size: 14px, color: #0b0f19, background: #fff, with a 1px visible border and brand focus ring. No more typing into invisible 0-px inputs.
• Headless verified before tagging. Built a puppeteer rig that loads the picker with 10 pre-selected pills, then types "gant" into the empty-state search field. Measured: 0 pills outside the container bounds, search input box is 684×40px, typed text colour is rgb(11,15,25), background rgb(255,255,255), font size 14px. Both screenshots inspected (/tmp/picker-1-initial.png, /tmp/picker-2-typing-empty.png) — pills wrap inside, typed text is clearly readable.