Wrong indentation on long ternary operators
Open
Nobody has claimed this yet.
lang:javascript
status:needs discussion
- Dominant language
- JavaScript
- Stars
- 52.3k
- Forks
- 5k
- Avg merge
- 19h 2m
- Merged PRs (30d)
- 117
Description
Prettier 1.15.3
Playground link
Input:
value === 100 ? caseA() ? caseB() : caseC() : value === 200 ? caseD() : caseE()
Output:
value === 100
? caseA()
? caseB()
: caseC()
: value === 200
? caseD()
: caseE();
Expected behavior:
value === 100
? caseA()
? caseB()
: caseC()
: value === 200
? caseD()
: caseE();
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked Prettier Playground and reproduce the supplied JavaScript input. Compare the current output with the expected indentation for the nested ternary, then trace the formatter behavior responsible for this layout. Done means the formatter produces the expected output for this example and preserves the existing formatting around the inner ternary.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- tooling
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 38/100