Зависает IDE при использовании styled-components
Когда внутри styled используется конструкция
${p => p.justify && css` justify-content: ${p.justify}; `}
(Где justify - любой параметр), то при добавлении к компоненту пропса и нажатии после него "=" IDE намертво зависает. Причем зависают все окна, а не только активное, курсор над IDE не отображается. Помогает только выключение через Диспетчер задач. В любом случае использовать IDE невозможно, так как воспроизводится 10 из 10.
Проблема появилась после обновления с 2017.3 на 2018.1
WebStorm 2018.1.2
Build #WS-181.4668.60, built on April 23, 2018
JRE: 1.8.0_152-release-1136-b29 x86
JVM: OpenJDK Server VM by JetBrains s.r.o
Windows 8.1 6.3

import React from 'react'
import styled, {css} from 'styled-components'
const Column = styled.div`
display: flex;
flex-direction: column;
justify-content: space-between;
${p => p.justify && css`
justify-content: ${p.justify};
`}
`
class TestComponent extends React.Component {
constructor() {
super()
this.state = {
a: 1,
}
}
render() {
return (
<div>
<Column justify>
{this.state.a}
</Column>
</div>
)
}
}
Please sign in to leave a comment.
Thanks! Logged as https://youtrack.jetbrains.com/issue/WEB-32802, please follow it for updates