Fix intake wizard: global styles for JS-created step bar, re-render after pre-fill
- Changed <style> to <style is:global> so CSS applies to dynamically created step chips (Astro scoped styles don't match JS-created elements) - After async pre-fill from order data completes, re-renders the active step so EntityStep reads the populated state - Removes payment step when token/order param is present Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
5d9b378e55
commit
3614284a78
1 changed files with 3 additions and 1 deletions
|
|
@ -129,7 +129,7 @@ const STEP_LABELS: Record<string, string> = {
|
|||
</footer>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
<style is:global>
|
||||
.pw-wizard { max-width: 820px; margin: 0 auto; padding: 1rem; }
|
||||
.pw-wizard-header h1 { margin: 0 0 1rem; color: var(--pw-navy, #1a2744); }
|
||||
.pw-wizard-stepbar {
|
||||
|
|
@ -366,6 +366,8 @@ const STEP_LABELS: Record<string, string> = {
|
|||
}
|
||||
|
||||
saveState(state);
|
||||
// Re-render the first step now that state is populated
|
||||
renderStep(loadState().step_index || 0);
|
||||
} catch {}
|
||||
})();
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue