diff --git a/src/altinn-app-frontend/package.json b/src/altinn-app-frontend/package.json index 70a97d2cc8..7c0393a471 100644 --- a/src/altinn-app-frontend/package.json +++ b/src/altinn-app-frontend/package.json @@ -1,6 +1,6 @@ { "name": "altinn-app-frontend", - "version": "3.36.3", + "version": "3.36.4", "description": "", "main": "index.js", "scripts": { diff --git a/src/altinn-app-frontend/src/utils/validation.test.ts b/src/altinn-app-frontend/src/utils/validation.test.ts index 52a360a121..62a4a78148 100644 --- a/src/altinn-app-frontend/src/utils/validation.test.ts +++ b/src/altinn-app-frontend/src/utils/validation.test.ts @@ -786,10 +786,13 @@ describe('utils > validation', () => { simpleBinding: { errors: ['Feltet er pÄkrevd'], warnings: [] }, }; - it('should skip validation on required field in hidden group', () => { + it('should pass validation on required field in hidden group', () => { expect(_with({hiddenFields: ['group_simple']})[requiredFieldInSimpleGroup]).toBeUndefined(); }); - it('should run validation on required field in visible group', () => { + it('should pass validation on required field in group, when field itself is hidden', () => { + expect(_with({hiddenFields: [requiredFieldInSimpleGroup]})[requiredFieldInSimpleGroup]).toBeUndefined(); + }); + it('should mark as required with required field in visible group', () => { expect(_with({hiddenFields: []})[requiredFieldInSimpleGroup]).toEqual(requiredError); }); diff --git a/src/altinn-app-frontend/src/utils/validation.ts b/src/altinn-app-frontend/src/utils/validation.ts index 2dc9a244c7..aebaf585b6 100644 --- a/src/altinn-app-frontend/src/utils/validation.ts +++ b/src/altinn-app-frontend/src/utils/validation.ts @@ -236,7 +236,8 @@ export function validateEmptyFieldsForLayout( const componentsToCheck = formLayout.filter((component) => { return ( (component as ILayoutComponent).required && - childrenWithoutMultiPagePrefix(group).indexOf(component.id) > -1 + childrenWithoutMultiPagePrefix(group).indexOf(component.id) > -1 && + !hiddenFields.includes(component.id) ); });