Seeing thousands of "ERROR TypeError: Cannot read property 'removable' of undefined" errors

[benrebak]

My console fills up with thousands of error messages with the type error mentioned in the title.

which template:

• [ ] MaterialDesignFrameworkModule — Material Design
• [x] Bootstrap3FrameworkModule — Bootstrap 3
• [x] Bootstrap4FrameworkModule — Bootstrap 4
• [ ] NoFrameworkModule — plain HTML

To Reproduce Steps to reproduce the behavior:

As far as I'm aware, all that's required in order to reproduce it is the following:

  <json-schema-form loadExternalAssets="true" [schema]="null" [(data)]="currentData"
    framework="bootstrap-4" (onSubmit)="replaceExistingMessage($event)">
  </json-schema-form>

Expected behavior No errors

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome
• Version: 83.0.4103.116

ERROR TypeError: Cannot read property 'removable' of undefined
    at Bootstrap4FrameworkComponent.get showRemoveButton [as showRemoveButton] (vendor.js:115)
    at Object.updateDirectives (vendor.js:54)
    at Object.debugUpdateDirectives [as updateDirectives] (vendor.js:73905)
    at checkAndUpdateView (vendor.js:72917)
    at callViewAction (vendor.js:73283)
    at execComponentViewsAction (vendor.js:73211)
    at checkAndUpdateView (vendor.js:72924)
    at callViewAction (vendor.js:73283)
    at execEmbeddedViewsAction (vendor.js:73240)
    at checkAndUpdateView (vendor.js:72918)

[benrebak]

I can avoid this by changing [schema]="null" to [schema]="mySchema", adding *ngIf="mySchema != null" to the <json-schema-form /> component. But if I do this, then the styling from Bootstrap isn't applied until I enable the form (by setting the value of mySchema). This means the look and feel of the page changes completely when I select a schema, including text resizing

[benrebak]

This can be reliably reproduced on https://hamidihamza.com/ajsf/ by setting framework to Bootstrap 4, and setting Input JSON Schema and Form Layout to:

{
  "schema": {
  }
}

[benrebak]

Workaround is that the schema must be defined as:

mySchema = {
    type: 'object',
    properties: {}
}

[benrebak]

@hamzahamidi

[github-actions[bot]]

Stale issue