opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-08-03 02:02:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

UI: Add id to splitter primaryProps (#106408)

Browse Source
This commit is contained in:
kay delaney
2025-06-09 11:12:38 +01:00
committed by GitHub
parent 1df888c517
commit d59f9599b6
1 changed files with 4 additions and 1 deletions
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,