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.
When I use autoformat, the following block get the following indentation:
While I expect (Last line should be to the left):
Another example:
While I expect:
PS: I'm doing react without JSX because TypeScript > JSX, but proper indentation is really crucial to readability.