Skip to content

Add dollar sign to number input field#1

Merged
Porkroll7 merged 1 commit intoclaude/financial-planning-website-011CUsixh8woSdUV3MVhE832from
claude/fix-dollar-sign-input-011CUskV6PdjPmCWqVtYtJpW
Nov 7, 2025
Merged

Add dollar sign to number input field#1
Porkroll7 merged 1 commit intoclaude/financial-planning-website-011CUsixh8woSdUV3MVhE832from
claude/fix-dollar-sign-input-011CUskV6PdjPmCWqVtYtJpW

Conversation

@Porkroll7
Copy link
Copy Markdown
Owner

  • Increased input padding-left from 35px to 40px to prevent text overlap with $ symbol
  • Added pointer-events: none and z-index to currency symbol for better UX
  • Improved chart initialization with canvas existence check and null assignment after destroy
  • Added Chart.js library load check with retry mechanism for reliable chart rendering
  • Extracted initialization logic into separate function for better code organization

Fixes issues where dollar sign overlapped with input text and growth chart didn't update on input changes.

- Increased input padding-left from 35px to 40px to prevent text overlap with $ symbol
- Added pointer-events: none and z-index to currency symbol for better UX
- Improved chart initialization with canvas existence check and null assignment after destroy
- Added Chart.js library load check with retry mechanism for reliable chart rendering
- Extracted initialization logic into separate function for better code organization

Fixes issues where dollar sign overlapped with input text and growth chart didn't update on input changes.
@Porkroll7 Porkroll7 merged commit 73278b6 into claude/financial-planning-website-011CUsixh8woSdUV3MVhE832 Nov 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants