Accessibility: Update FilteredConnection to support better usage of labels (#36643)

This commit is contained in:
Tom Ross 2022-06-06 14:30:12 +01:00 committed by GitHub
parent 8b4d7d5b2e
commit 75dba9b79c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 2 deletions

View File

@ -483,6 +483,8 @@ export class FilteredConnection<
// this.state.connectionOrError.nodes.length > 0 &&
// this.props.hideControlsWhenEmpty
const inputPlaceholder = this.props.inputPlaceholder || `Search ${this.props.pluralNoun}...`
return (
<ConnectionContainer compact={this.props.compact} className={this.props.className}>
{
@ -491,8 +493,8 @@ export class FilteredConnection<
ref={this.setFilterRef}
hideSearch={this.props.hideSearch}
inputClassName={this.props.inputClassName}
inputPlaceholder={this.props.inputPlaceholder || `Search ${this.props.pluralNoun}...`}
inputAriaLabel={this.props.inputAriaLabel}
inputPlaceholder={inputPlaceholder}
inputAriaLabel={this.props.inputAriaLabel || inputPlaceholder}
inputValue={this.state.query}
onInputChange={this.onChange}
autoFocus={this.props.autoFocus}

View File

@ -16,6 +16,7 @@ exports[`RepositoryReleasesTagsPage renders 1`] = `
class="container loader-input loaderInput input"
>
<input
aria-label="Search tags..."
autocapitalize="off"
autocomplete="off"
autocorrect="off"