From ceabb4f6908408cb9b7bc97b30b793bf35515a6f Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Mon, 12 Apr 2021 21:55:38 +0200
Subject: [PATCH] added max length check (#506)

fixing: #317
---
 src/client-scopes/form/ClientScopeForm.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/client-scopes/form/ClientScopeForm.tsx b/src/client-scopes/form/ClientScopeForm.tsx
index 6a5db0f93f..58979a382d 100644
--- a/src/client-scopes/form/ClientScopeForm.tsx
+++ b/src/client-scopes/form/ClientScopeForm.tsx
@@ -155,9 +155,22 @@ export const ClientScopeForm = () => {
                   />
                 }
                 fieldId="kc-description"
+                validated={
+                  errors.description
+                    ? ValidatedOptions.error
+                    : ValidatedOptions.default
+                }
+                helperTextInvalid={t("common:maxLength", { length: 255 })}
               >
                 <TextInput
-                  ref={register}
+                  ref={register({
+                    maxLength: 255,
+                  })}
+                  validated={
+                    errors.description
+                      ? ValidatedOptions.error
+                      : ValidatedOptions.default
+                  }
                   type="text"
                   id="kc-description"
                   name="description"