diff --git a/CHANGELOG.md b/CHANGELOG.md index 5d70cffa87b..3afc4b0d301 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,10 @@ - Fixed logo icons with static SVG IDs causing accessibility errors when multiples of the same logo were present ([#5204](https://github.com/elastic/eui/pull/5204)) +**Reverts** + +- Reverted `EuiScreenReaderOnly` left positioning change due to Selenium issues ([#5215](https://github.com/elastic/eui/pull/5215)) + ## [`38.1.0`](https://github.com/elastic/eui/tree/v38.1.0) - Fixed the `title` prop `EuiButtonGroup` to automatically display the `label` provided ([#5199](https://github.com/elastic/eui/pull/5199)) diff --git a/src/components/link/_link.scss b/src/components/link/_link.scss index d31aa9077dc..c68e3b4f057 100644 --- a/src/components/link/_link.scss +++ b/src/components/link/_link.scss @@ -4,6 +4,10 @@ &[target='_blank'] { // Make the screen reader only text positioned relatively against the link itself position: relative; + + .euiScreenReaderOnly { + left: 0; + } } .euiLink__externalIcon { diff --git a/src/global_styling/mixins/_helpers.scss b/src/global_styling/mixins/_helpers.scss index 851c0eba935..1072066db97 100644 --- a/src/global_styling/mixins/_helpers.scss +++ b/src/global_styling/mixins/_helpers.scss @@ -112,8 +112,8 @@ position: absolute; // Keep it vertically inline top: auto; - // Chrome requires a left value - left: 0; + // Chrome requires a left value, and Selenium (used by Kibana's FTR) requires an off-screen position for its .getVisibleText() to not register SR-only text + left: -10000px; // The element must have a size (for some screen readers) width: 1px; height: 1px;