IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Configuration page: Fix dropdown menus keyboard a11y (#56986)

Browse Source 
* Made dropdown menu keyboard accessible

* ul menu and left align
This commit is contained in:
Yaelle Chaudy 2022-10-14 15:57:45 +02:00 committed by GitHub
parent 2e16d5499e
commit 2ccbb4d3a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/app/core/components/PageHeader/PageHeader.tsx
View File

@ -23,10 +23,15 @@ const SelectNav = ({ children, customCss }: { children: NavModelItem[]; customCs
return (
<div className={`gf-form-select-wrapper width-20 ${customCss}`}>
<div className="dropdown">
<div className="gf-form-input dropdown-toggle" data-toggle="dropdown">
<button
type="button"
className="gf-form-input dropdown-toggle"
data-toggle="dropdown"
style={{ textAlign: 'left' }}
>
{defaultSelectedItem?.text}
</div>
<ul className="dropdown-menu dropdown-menu--menu">
</button>
<ul role="menu" className="dropdown-menu dropdown-menu--menu">
{children.map((navItem: NavModelItem) => {
if (navItem.hideFromTabs) {
// TODO: Rename hideFromTabs => hideFromNav