diff --git a/src/js/components/Ready/ReadyFinePrint.jsx b/src/js/components/Ready/ReadyFinePrint.jsx index 188c9fd2f..bc598fd2b 100644 --- a/src/js/components/Ready/ReadyFinePrint.jsx +++ b/src/js/components/Ready/ReadyFinePrint.jsx @@ -28,6 +28,7 @@ class ReadyFinePrint extends Component { this.state = { contentUnfurled: false, }; + this.firstListItemRef = React.createRef(); } componentDidMount () { @@ -42,6 +43,9 @@ class ReadyFinePrint extends Component { this.setState({ contentUnfurled: !contentUnfurled, }); + if (!contentUnfurled) { + this.firstListItemRef.current.focus(); + } } render () { @@ -51,7 +55,7 @@ class ReadyFinePrint extends Component { return ( - + The fine print: diff --git a/src/js/components/Ready/ReadyIntroduction.jsx b/src/js/components/Ready/ReadyIntroduction.jsx index 7aa169fd6..faa59cced 100644 --- a/src/js/components/Ready/ReadyIntroduction.jsx +++ b/src/js/components/Ready/ReadyIntroduction.jsx @@ -34,6 +34,7 @@ class ReadyIntroduction extends Component { this.state = { contentUnfurled: false, }; + this.firstListItemRef = React.createRef(); } componentDidMount () { @@ -65,6 +66,9 @@ class ReadyIntroduction extends Component { this.setState({ contentUnfurled: !contentUnfurled, }); + if (!contentUnfurled) { + this.firstListItemRef.current.focus(); + } } showSelectBallotModalEditAddress = () => { @@ -91,7 +95,7 @@ class ReadyIntroduction extends Component { return ( - + WeVote helps you: @@ -104,9 +108,9 @@ class ReadyIntroduction extends Component {   - - Enter your address - + {' '} to find out when your next election is, and {' '} diff --git a/src/js/components/Widgets/ShowMoreButtons.jsx b/src/js/components/Widgets/ShowMoreButtons.jsx index 13013fd73..f825dc83d 100644 --- a/src/js/components/Widgets/ShowMoreButtons.jsx +++ b/src/js/components/Widgets/ShowMoreButtons.jsx @@ -57,7 +57,7 @@ const styles = (theme) => ({ }, }); -const ShowMoreButtonsStyled = styled('div')(({ theme }) => (` +const ShowMoreButtonsStyled = styled('button')(({ theme }) => (` border: 0 !important; color: #0858A1; cursor: pointer; diff --git a/src/js/pages/Ready.jsx b/src/js/pages/Ready.jsx index 3ccac5d95..b3742e27c 100644 --- a/src/js/pages/Ready.jsx +++ b/src/js/pages/Ready.jsx @@ -266,11 +266,6 @@ class Ready extends Component { )} - {nextReleaseFeaturesEnabled && ( - - )}
{(chosenReadyIntroductionTitle || chosenReadyIntroductionText) && ( @@ -293,6 +288,11 @@ class Ready extends Component { {/* nextReleaseFeaturesEnabled && */}
+ {nextReleaseFeaturesEnabled && ( + + )}