From 5686a17a3b8ca28856af33b621451d9961172e51 Mon Sep 17 00:00:00 2001
From: Ravi Lodhi <ravi.lodhi@hotwaxsystems.com>
Date: Tue, 3 Sep 2024 16:00:18 +0530
Subject: [PATCH] Improved: Added textarea counter to show character count
 progress while entering description (#114).

---
 src/views/CreateSecurityGroup.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/CreateSecurityGroup.vue b/src/views/CreateSecurityGroup.vue
index b1d041f..2cca8be 100644
--- a/src/views/CreateSecurityGroup.vue
+++ b/src/views/CreateSecurityGroup.vue
@@ -16,8 +16,8 @@
           <ion-item ref="groupId" lines="none">
             <ion-input :label="translate('Internal ID')" label-placement="floating" @ionChange="validateGroupId" @ionBlur="markGroupIdTouched" v-model="formData.groupId" :errorText="translate('Internal ID cannot be more than 20 characters.')" />
           </ion-item>
-          <ion-item>
-            <ion-textarea :label="translate('Description')" label-placement="floating" v-model="formData.description" />
+          <ion-item lines="none">
+            <ion-textarea :label="translate('Description')" label-placement="floating" v-model="formData.description" :counter="true" :maxlength="255"/>
           </ion-item>
         </ion-list>