Ensure tab works on the banner (#22664) (#22889)

This commit is contained in:
Chris Roberson 2018-09-10 15:51:43 -05:00 committed by GitHub
parent 540ab9455a
commit 58d7b05a64
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -55,7 +55,7 @@ export class OptInBanner extends Component {
if (this.state.showDetails) {
details = (
<EuiText>
<p>
<p tabIndex="0">
No information about the data you process or store will be sent. This feature
will periodically send basic feature usage statistics. See an {(
<EuiLink onClick={() => this.setState({ showExample: !this.state.showExample })}>
@ -93,10 +93,14 @@ export class OptInBanner extends Component {
);
}
const titleNode = (
<span tabIndex="0">{title}</span>
);
return (
<EuiCallOut iconType="questionInCircle" title={title}>
{details}
{flyoutDetails}
<EuiCallOut iconType="questionInCircle" title={titleNode}>
{ details }
{ flyoutDetails }
<EuiSpacer size="s" />
<EuiFlexGroup gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>