From 27667356b96b18f48ac84d607c7618465b97e8af Mon Sep 17 00:00:00 2001
From: adavijit <adavijit@yahoo.com>
Date: Fri, 26 Apr 2024 15:53:28 +0530
Subject: [PATCH] UXPLATFORM-10190 added aria-expanded

---
 packages/terra-form-select/src/multiple/Frame.jsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/terra-form-select/src/multiple/Frame.jsx b/packages/terra-form-select/src/multiple/Frame.jsx
index f1a0c7283f3..c6f10fa4734 100644
--- a/packages/terra-form-select/src/multiple/Frame.jsx
+++ b/packages/terra-form-select/src/multiple/Frame.jsx
@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/role-supports-aria-props */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -440,7 +441,13 @@ class Frame extends React.Component {
             </li>
           ) : null}
         <li className={cx('search-wrapper')}>
-          <input {...inputAttrs} value={searchValue} />
+          <input
+            {...inputAttrs}
+            value={searchValue}
+            aria-expanded={this.state.isOpen}
+            role="combobox"
+            aria-controls="terra-select-dropdown"
+          />
         </li>
       </ul>
     );
@@ -653,7 +660,11 @@ class Frame extends React.Component {
        * Key press events will be caught and evaluated by the frame.
        */
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-      <div data-terra-form-select-toggle className={toggleClasses} onClick={this.toggleDropdown}>
+      <div
+        data-terra-form-select-toggle
+        className={toggleClasses}
+        onClick={this.toggleDropdown}
+      >
         <span className={cx('arrow-icon')} />
       </div>
     );