Skip to content

Incorrect indentation #3436

Closed
Closed
@mhegazy

Description

@mhegazy

Reported by @kuon in:microsoft/TypeScript-Sublime-Plugin#220

When I use autoformat, the following block get the following indentation:

toolsElement = h.div({ className: "row-tools" },
    h.button({
        className: "add-node",
        onClick: () => DataController.createNode(this.props.parentId)
    }, "Create new node")
    );

While I expect (Last line should be to the left):

toolsElement = h.div({ className: "row-tools" },
    h.button({
        className: "add-node",
        onClick: () => DataController.createNode(this.props.parentId)
    }, "Create new node")
);

Another example:

return (
    h.div({
        className: "view-node-row",
        style: {
            width: width,
            height: rowHeight
        }
    },
        backgroundElement,
        centerElement,
        toolsElement,
        h.div({ className: "nodes" }, items)
        )
    );

While I expect:

return (
    h.div({
        className: "view-node-row",
        style: {
            width: width,
            height: rowHeight
        }
    },
    backgroundElement,
    centerElement,
    toolsElement,
    h.div({ className: "nodes" }, items)
    )
);

PS: I'm doing react without JSX because TypeScript > JSX, but proper indentation is really crucial to readability.

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugA bug in TypeScriptFixedA PR has been merged for this issue

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions