A11y: Fix misc. fastpass issues (#41088)

This commit is contained in:
kay delaney
2021-11-01 14:45:23 +00:00
committed by GitHub
parent d98cb8274c
commit 124c3f537f
15 changed files with 48 additions and 21 deletions
@@ -132,13 +132,14 @@ export const InspectDataOptions: FC<Props> = ({
description="Table data is formatted with options defined in the Field and Override tabs."
>
<Switch
id="formatted-data-toggle"
value={!!options.withFieldConfig}
onChange={() => onOptionsChange({ ...options, withFieldConfig: !options.withFieldConfig })}
/>
</Field>
)}
<Field label="Download for Excel" description="Adds header to CSV for use with Excel">
<Switch value={downloadForExcel} onChange={toggleDownloadForExcel} />
<Switch id="excel-toggle" value={downloadForExcel} onChange={toggleDownloadForExcel} />
</Field>
</HorizontalGroup>
</VerticalGroup>
@@ -132,7 +132,13 @@ export class InspectJSONTab extends PureComponent<Props, State> {
<>
<div className={styles.toolbar} aria-label={selectors.components.PanelInspector.Json.content}>
<Field label="Select source" className="flex-grow-1">
<Select menuShouldPortal options={jsonOptions} value={selected} onChange={this.onSelectChanged} />
<Select
inputId="select-source-dropdown"
options={jsonOptions}
value={selected}
onChange={this.onSelectChanged}
menuShouldPortal
/>
</Field>
{this.hasPanelJSON && isPanelJSON && canEdit && (
<Button className={styles.toolbarItem} onClick={this.onApplyPanelModel}>