fix (admin & sdk): text-area out of bounds when resized (#1452)

Author: paanSinghCoder

web/sdk/admin/views/organizations/details/layout/invite-users-dialog.tsx

@@ -112,6 +112,7 @@ export const InviteUsersDialog = ({ onOpenChange }: InviteUsersDialogProps) => {
                         {...field}
                         // @ts-expect-error placeholder props not defined in TS
                         placeholder="abc@example.com, xyz@example.com"
+                        className={styles["invite-users-emails-textarea"]}
                       />
                     )}
                   />

web/sdk/admin/views/organizations/details/layout/layout.module.css

@@ -57,6 +57,12 @@
   color: var(--rs-color-foreground-danger-primary);
 }
 
+.invite-users-emails-textarea {
+  resize: vertical;
+  width: 100%;
+  max-height: var(--rs-space-17);
+}
+
 .add-token-dialog-tokens-field::-webkit-inner-spin-button,
 .add-token-dialog-tokens-field::-webkit-outer-spin-button {
   -webkit-appearance: none;

web/sdk/react/components/organization/organization.module.css

@@ -35,3 +35,9 @@
 .orgTabsContainer {
   box-sizing: border-box;
 }
+
+.invite-member-emails-textarea {
+  resize: vertical;
+  width: 100%;
+  max-height: var(--rs-space-17);
+}

web/sdk/react/views/members/invite-member-dialog.tsx

@@ -201,6 +201,7 @@ export const InviteMemberDialog = ({
                   helperText={
                     errors.emails?.message ? String(errors.emails?.message) : ''
                   }
+                  className={styles['invite-member-emails-textarea']}
                 />
               )}
               <Flex direction="column" gap={2}>