jsx-indent inserts unwanted space after text content

[Wilfred]

Given the JS code:

const MyComponent = React.createClass({
  render() {
    return (
        <nav>
            <ul>
                <li>
                   bar {foo}
                </li>
            </ul>
        </nav>
    );
  },
});

and the following eslint configuration:

{
    "parserOptions": {
        "ecmaVersion": 6,
        "ecmaFeatures": {
            "jsx": true
        }
    },
    "rules": {
        "react/jsx-indent": "warn"
    },
    "plugins": [
        "react"
    ]
}

Running eslint with --fix produces:

const MyComponent = React.createClass({
  render() {
    return (
        <nav>
            <ul>
                <li>
                   bar           {foo}
                </li>
            </ul>
        </nav>
    );
  },
});

It looks like it's trying to apply the indent to {foo} even though it's not the first text on the line.

Repeatedly running eslint --fix moves the {foo} further along.

[yannickcr]

Ok, seems the space is inserted after bar instead of before, I'll have a look.

[Wilfred]

Thank you very much :)

Would you mind releasing when you have a chance?