[EuiButtonGroup] Fix position for EuiScreenReaderOnly (#4189)

* [EuiButtonGroup] Fix position for EuiScreenReaderOnly * cl * Update src/components/button/button_group/_button_group.scss Co-authored-by: Greg Thompson <[email protected]> Co-authored-by: Greg Thompson <[email protected]>
elastic · Oct 28, 2020 · 7b0a19b · 7b0a19b
1 parent e505525
commit 7b0a19b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@
 **Bug fixes**
 
 - Removed unnecessary shadow on hover of `EuiButtonGroup` ([#4186](https://github.com/elastic/eui/pull/4186))
+- Fixed position of `EuiScreenReaderOnly` elements within `EuiButtonGroup` ([#4189](https://github.com/elastic/eui/pull/4189))
 
 ## [`30.1.0`](https://github.com/elastic/eui/tree/v30.1.0)
 

diff --git a/src/components/button/button_group/_button_group.scss b/src/components/button/button_group/_button_group.scss
@@ -1,6 +1,7 @@
 .euiButtonGroup {
   display: inline-block;
   max-width: 100%;
+  position: relative; // Ensures the EuiScreenReaderOnly component is positioned relative to this component
 }
 
 .euiButtonGroup--fullWidth {