root
/
grafana
mirror of https://github.com/grafana/grafana.git
1
0
Fork 0
Code Issues Actions 236 Packages Projects Releases Wiki Activity

UI: Add id to splitter primaryProps (#106408)

This commit is contained in:
kay delaney 2025-06-09 11:12:38 +01:00 committed by GitHub
parent 1df888c517
commit d59f9599b6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/grafana-ui/src/components/Splitter/useSplitter.ts
View File

@ -308,6 +308,8 @@ export function useSplitter(options: UseSplitterOptions) {
secondaryStyles.flexBasis = `${initialSize}px`;
}
const primaryId = `start-panel-${id}`;
return {
containerProps: {
ref: containerRef,
@ -317,6 +319,7 @@ export function useSplitter(options: UseSplitterOptions) {
ref: firstPaneRef,
className: styles.panel,
style: primaryStyles,
id: primaryId,
},
secondaryProps: {
ref: secondPaneRef,
@ -337,7 +340,7 @@ export function useSplitter(options: UseSplitterOptions) {
'aria-valuemin': 0,
'aria-valuemax': 100,
'aria-valuenow': initialSize * 100,
'aria-controls': `start-panel-${id}`,
'aria-controls': primaryId,
'aria-label': 'Pane resize widget',
tabIndex: 0,
className: dragHandleStyle,