Skip to content

Commit ccd18b1

Browse files
authored
fix(ui5-flexible-column-layout): disable resizing for both separators (#11411)
Problem: When disableResizing="true" was set, only the start-mid column separator was disabled, while the mid-end separator remained interactive and resizable. Solution: Updated the onSeparatorPress method to check both separator types and prevent interaction for the end separator when disableResizing is true Modified the endSeparatorTabIndex getter to make it consistent with the start separator by removing the explicit -1 return value, which makes it unfocusable when disableResizing is true Fixes: #11402
1 parent 8402ec8 commit ccd18b1

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

packages/fiori/src/FlexibleColumnLayout.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -486,7 +486,8 @@ class FlexibleColumnLayout extends UI5Element {
486486
return;
487487
}
488488
const pressedSeparator = (e.target as HTMLElement).closest(".ui5-fcl-separator") as HTMLElement;
489-
if (pressedSeparator.classList.contains("ui5-fcl-separator-start") && !this.showStartSeparatorGrip) {
489+
if ((pressedSeparator.classList.contains("ui5-fcl-separator-start") && !this.showStartSeparatorGrip)
490+
|| (pressedSeparator.classList.contains("ui5-fcl-separator-end") && !this.showEndSeparatorGrip)) {
490491
return;
491492
}
492493

@@ -1091,7 +1092,6 @@ class FlexibleColumnLayout extends UI5Element {
10911092
if (this.showEndSeparatorGrip) {
10921093
return 0;
10931094
}
1094-
return -1;
10951095
}
10961096

10971097
get media() {

0 commit comments

Comments
 (0)