Fix DOT intake: hide all sections by default, show on load

Sections were visible by default in HTML. Now all hidden, then
showRelevantSections() runs immediately + on pw:step-shown.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
justin 2026-05-30 15:26:41 -05:00
parent ee4ea70beb
commit 897554fa4e

View file

@ -58,7 +58,7 @@
</div>
<!-- ═══ SECTION: Entity & Operations (MCS-150, USDOT, MC Auth, bundles) ═══ -->
<div id="dot-sec-operations">
<div id="dot-sec-operations" hidden>
<h3>Entity & Operations</h3>
<div class="pw-row-2">
<label class="pw-field"><span>Entity Type <em>*</em></span>
@ -97,7 +97,7 @@
</div>
<!-- ═══ SECTION: Fleet (MCS-150, UCR, bundles) ═══ -->
<div id="dot-sec-fleet">
<div id="dot-sec-fleet" hidden>
<h3>Fleet Information</h3>
<div class="pw-row-3">
<label class="pw-field"><span>Power Units (trucks) <em>*</em></span>
@ -130,7 +130,7 @@
</div>
<!-- ═══ SECTION: Cargo Types (MCS-150, bundles) ═══ -->
<div id="dot-sec-cargo">
<div id="dot-sec-cargo" hidden>
<h3>Cargo Types (check all that apply)</h3>
<div class="pw-cargo-grid">
<label><input type="checkbox" data-cargo="general" /> General Freight</label>
@ -205,7 +205,7 @@
</div>
<!-- ═══ SECTION: Photo ID (MCS-150, MC Auth) ═══ -->
<div id="dot-sec-photo-id">
<div id="dot-sec-photo-id" hidden>
<h3>Government-Issued Photo ID</h3>
<p class="pw-field-help">Required for FMCSA filings. Driver's license, passport, or state ID.</p>
<div class="pw-upload-area">
@ -300,6 +300,8 @@
}
}
// Show sections immediately and on step-shown
showRelevantSections();
window.addEventListener("pw:step-shown", (evt: any) => {
if (evt.detail.step !== "dot-intake") return;
showRelevantSections();