Skip to content

Incorrect indentation #220

Closed
Closed
@kuon

Description

@kuon

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

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions