AmruthPillai / Reactive-Resume

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
https://rxresu.me
MIT License
25.89k stars 2.65k forks source link

[Bug] No current way to add blank space before/between characters in certain fields #2044

Open WarmWelcome opened 2 months ago

WarmWelcome commented 2 months ago

Is there an existing issue for this?

Product Variant

Cloud (https://rxresu.me)

Current Behavior

Multiple spaces and tabs in the majority of fields get squashed down to a single space. If it is at the beginning of a field, then it will start at the first character. This is not good for control over alignment and spacing in fields where you may want to align multiple lines that have different starters, such as aligning contact or personal information with descriptors at the start of the line. There is no way around this issue that I know of. This occurs in all of the fields that I have tested, and include the sections for personal information, skills, interests, and employment. Dashes and underscores are a visually unappealing fix, allowing " - " and " _ " (typed literally) to inject distance as usual.

Funny thing by the way, I have to use code blocks in my examples. Github hides extra spaces in the same way that I am having an issue with :)

Expected Behavior

Spaces should add space. Tabs should also work in this if pasted in, though the behavior of using the physical key will select the next input option. Inputted text in field (using email field as an example): Email: example@example.com Visual result: Email: example@example.com

Alignment for multiple line items that have different starting and or ending cannot currently be aligned by users for less messy spacing. Input:

Email:    example@example.com
Link:     example.com

The above appears like this on the page:

Email: example@example.com
Link: example.com

Space before characters is removed, forcibly removing the ability to realign things. Input:

Distinguishing abilities: - I am - Indented :) Visual result: Distinguishing abilities: - I am not - Indented :(

Steps To Reproduce

  1. Go to skills, interests, personal information, etc
  2. Input into a field spacing either before or in the middle a line in your text
  3. Expected result would be spacing matching what is put into the fields, however it squashes unjoined spaces.

What browsers are you seeing the problem on?

Firefox

What template are you using?

None

Anything else?

No response