scoped styled-jsx not working with antd components.

[supra28]

Take for example a Form:

<div>
<Form onSubmit={this.handleSubmit} className="login-form">

          <FormItem>
            {getFieldDecorator("userName", {
              rules: [
                { required: true, message: "Please input your username!" }
              ]
            })(
              <Input
                prefix={<Icon type="user" style={{ fontSize: 13 }} />}
                placeholder="Username"
              />
            )}
          </FormItem>
</Form>
 <style jsx>{`
          .login-form {
            max-width: 300px;
            margin: 0 auto;
          }
        `}</style>
</div>

The style doesn't apply to the Form unless we change <style jsx> to <style>
It doesn't generate data-jsx Id for the form component.
is this behavior expected?

[giuseppeg]

@supra28 yes components are not regular dom elements. vercel/styled-jsx#27 could enable what you are asking, I suggest that you close this issue and subscribe to that one instead. I might start to work on it soon.