Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lint fixes: Reader-related blocks #25212

Merged
merged 5 commits into from
Jun 12, 2018
Merged

Lint fixes: Reader-related blocks #25212

merged 5 commits into from
Jun 12, 2018

Conversation

bluefuton
Copy link
Contributor

Part of #24504.

Address linting issues in client/blocks related to Reader.

No functional changes.

@matticbot
Copy link
Contributor

@@ -37,20 +37,6 @@ class PostCommentForm extends Component {
} );
}

componentDidUpdate() {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems to be redundant - this.refs.commentText no longer exists.

@@ -43,20 +43,6 @@ class PostCommentForm extends React.Component {
} );
}

componentDidUpdate() {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems to be redundant - this.refs.commentText no longer exists.

@bluefuton bluefuton added [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. and removed [Status] In Progress labels Jun 1, 2018
@bluefuton bluefuton requested a review from blowery June 1, 2018 05:41
<div
className="conversation-caterpillar__gravatars"
onClick={ this.handleTickle }
aria-hidden="true"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

does this mean screen readers won't see the 🐛 as clickable?

Copy link
Contributor Author

@bluefuton bluefuton Jun 3, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The linter doesn't like non-interactive elements with an onClick, but I think a useful bonus to be able to expand the caterpillar by clicking the gravatars so I wanted to keep that behaviour. On balance I thought the best option was to hide just the gravatar images from assistive devices, since the "Load previous comments..." button will be available to do the expansion (it's a button element):

screen shot 2018-06-04 at 11 30 35

Copy link
Contributor

@blowery blowery left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, thanks!

@bluefuton bluefuton added [Status] Ready to Merge and removed [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. labels Jun 8, 2018
@bluefuton bluefuton merged commit 0268e9e into master Jun 12, 2018
@bluefuton bluefuton deleted the update/lint-reader-blocks branch June 12, 2018 23:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Reader The reader site on Calypso. [Type] Janitorial
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants