div in NestField leads to an infinite loop

[RSchwan]

I have following form:

<AutoForm schema={schema} onSubmit={doc => console.log(doc)}>
  <AutoField name="title" />
  <div className="two fields">
    <AutoField name="field1" />
    <AutoField name="field2" />
  </div>
  <ListField name="courses">
    <ListItemField name="$">
      <NestField>
        <AutoField name="title" />
        <AutoField name="description" />
        <div className="three fields">
          <AutoField name="min" />
          <AutoField name="max" />
          <AutoField name="max2" />
        </div>
      </NestField>
    </ListItemField>
  </ListField>
  <ErrorsField />
</AutoForm>

This code leads to an infinite loop and the browser freezes. If I replace

<div className="three fields">
  <AutoField name="min" />
  <AutoField name="max" />
  <AutoField name="max2" />
</div>

with

<AutoField name="min" />
<AutoField name="max" />
<AutoField name="max2" />

the browser doesn't freeze.

[RSchwan]

The browser also freezes if there is an HiddenField in NestField

[radekmie]

That's a really interesting bug. I'll try to investigate it.

[radekmie]

What browser are you using? I've tried, but my browser has never frozen, but Uncaught Error: Field not found in schema: 'min' appeared. It's still a bug of course.

[RSchwan]

Chrome on a mac

[radekmie]

Which version?

[RSchwan]

51

[radekmie]

That's even more interesting - I'm on 53 and it's a completely different error. Okay, I'll try to fix it.

[radekmie]

Okay, I've got rid of this (at least in latest chrome). Please, check if it works for you.

[RSchwan]

Perfect! Works 👍