Objects are wrapped in double mat-cards

[DerMagereStudent]

Describe the bug

Inner/nested objects are rendered with 2 mat-cards wrapping them.

Expected behavior

Should only be wrapped in 1 card

Steps to reproduce the issue

Create a schema with an inner object and render it without a custom ui schema, i.e.:

{
  properties: {
    Inner: {
      $ref: '#/$defs/InnerModel',
    },
    // more properties
  },
  $defs: {
    InnerModel: {
      type: 'object',
      properties: {
        Name: {
          type: 'string',
        },
      },
      additionalProperties: false,
      required: ['Name'],
    },
  },
}

Stackblitz: https://stackblitz.com/edit/stackblitz-starters-kwtfxnuc?file=src%2Fmain.ts

Screenshots

No response

Which Version of JSON Forms are you using?

v3.6.0

Package

Angular Material Renderers

Additional context

Likely happens due to the fallback in findUiSchema:

jsonforms/packages/angular-material/src/library/other/object.renderer.ts

Lines 84 to 89 in 6542785

	return Generate.uiSchema(
	newSchema,
	'Group',
	undefined,
	this.rootSchema
	);

[lucas-koehler]

Hi @DerMagereStudent , thanks for the report. You are right. We could probably leave out the mat-card explicitly defined in the object renderer's template and behave like the react material object renderer: It only dispatches to JSON Forms without rendering its own card around that. See

jsonforms/packages/material-renderers/src/complex/MaterialObjectRenderer.tsx

Lines 73 to 82 in 6542785

	return (
	<JsonFormsDispatch
	visible={visible}
	enabled={enabled}
	schema={schema}
	uischema={detailUiSchema}
	path={path}
	renderers={renderers}
	cells={cells}
	/>

Would you like to contribute the change?