Fix aria renderLiveRegion A11yText DOM structure

W3C was breaking because of A11yText span wrapping p elements.
ashu8912 · Mar 9, 2020 · 1f965ab · 1f965ab
1 parent d787303
commit 1f965ab
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/react-select/src/Select.js b/packages/react-select/src/Select.js
@@ -1798,8 +1798,8 @@ export default class Select extends Component<Props, State> {
     if (!this.state.isFocused) return null;
     return (
       <A11yText aria-live="polite">
-        <p id="aria-selection-event">&nbsp;{this.state.ariaLiveSelection}</p>
-        <p id="aria-context">&nbsp;{this.constructAriaLiveMessage()}</p>
+        <span id="aria-selection-event">&nbsp;{this.state.ariaLiveSelection}</span>
+        <span id="aria-context">&nbsp;{this.constructAriaLiveMessage()}</span>
       </A11yText>
     );
   }