Editor value is not refreshed with nested DescribedBy property

General information

• json-editor version: 1.4.0-beta.0

Expected behavior

Everytime propertyType is selected, editor.getValue() function / UI JSON edit should reflect actual value of propertyTypeOptions depending on selection

Actual behavior

Editor value is not refreshed or holds previous value before selection. Without nesting as in original describedBy example seem to work ok

Steps to reproduce the behavior

Direct link LINK

{
	"type": "object",
	"title": "Property for Sale",
	"properties": {
		"propertyName": {
			"type": "string",
			"title": "Property Name",
			"description": "The name of the property being sold"
		},
		"propertyType": {
			"type": "string",
			"title": "Property Type",
			"enum": [
				"",
				"house",
				"car",
				"yacht"
			]
		},
		"Config": {
			"type": "object",
			"properties": {
				"propertyTypeOptions": {
					"type": "object",
					"title": " ",
					"watch": {
						"propertyType": "propertyType"
					},
					"options": {
						"disable_properties": true,
						"disable_edit_json": true,
						"disable_collapse": true
					},
					"links": [{
						"rel": "describedBy",
						"href": "#/definitions/{{propertyType}}"
					}]
				}
			},
			"required": ["propertyTypeOptions"]
		}
	},
	"required": [
		"propertyName",
		"propertyType",
		"Config"
	],
	"definitions": {
		"house": {
			"properties": {
				"address": {
					"type": "string",
					"title": "Address"
				},
				"rooms": {
					"type": "integer",
					"title": "Number Of Rooms"
				}
			}
		},
		"car": {
			"properties": {
				"brand": {
					"type": "string",
					"title": "Brand",
					"enum": [
						"Audi",
						"BMW",
						"Chevrolet",
						"Opel",
						"Mitsubishi"
					]
				},
				"color": {
					"type": "string",
					"title": "Color",
					"format": "color"
				},
				"year": {
					"type": "string",
					"title": "Build Year"
				}
			}
		},
		"yacht": {
			"properties": {
				"name": {
					"type": "string",
					"title": "Name"
				},
				"model": {
					"type": "string",
					"title": "Model"
				},
				"year": {
					"type": "integer",
					"title": "Year"
				},
				"yachtLength": {
					"type": "integer",
					"title": "Length"
				}
			}
		}
	}
}

Workaround

Watch field programmatically and trigger setValue/onChange

[pmk65]

Fix added in #401 PR.

[pmk65]

I have posted a separate bugreport #443 with a test example. (I tried fixing it, but I just can’t pinpoint where it goes wrong.) Look at the JavaScript tab on the Playground example. It just wait for the ready event, then it deletes the JSON-Editor instance and re-create it again.

I’m going to remove DescribedBy too from my layout test case too, as I can’t make an example with the various configurable options if the editor can’t be recreated.