jsx-eslint/eslint-plugin-react
View on GitHubjsx-indent rule doesn't properly validate ternary (?:) expressions with no parens
Open
#1,315 opened on Jul 22, 2017
bughelp wanted
Repository metrics
- Stars
- (8,630 stars)
- PR merge metrics
- (No merged PRs in 30d)
Description
Prior related issues:
https://github.com/yannickcr/eslint-plugin-react/issues/540 https://github.com/yannickcr/eslint-plugin-react/issues/625
Patterns:
{ condition
? <div>
<div> something </div>
</div>
: <div>
<div> something </div>
</div>
}
{ condition
? <div>
<div> something </div>
</div>
: <div>
<div> something </div>
</div>
}
{
condition
? <div>
<div> something </div>
</div>
: <div>
<div> something </div>
</div>
}
{
condition
? <div>
<div> something </div>
</div>
: <div>
<div> something </div>
</div>
}
Expected behavior: All of these patterns properly validate and flag no errors.
Actual behavior: All of these patterns flag errors for lines following and indented after the ternary result clauses (after ? and : lines).