Skip to content

Commit f314e4f

Browse files
fix(ui5-select): improved custom value state click behavior (#10738)
We can now navigate through Select's options with arrow keys after clicking custom value state message slot. Fixes: #10661
1 parent b5b5a73 commit f314e4f

File tree

2 files changed

+5
-1
lines changed

2 files changed

+5
-1
lines changed

packages/main/src/Select.ts

+4
Original file line numberDiff line numberDiff line change
@@ -400,6 +400,10 @@ class Select extends UI5Element implements IFormInputElement {
400400
}
401401
}
402402

403+
_applyFocus() {
404+
this.focus();
405+
}
406+
403407
_onfocusin() {
404408
this.focused = true;
405409
}

packages/main/src/SelectPopoverTemplate.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@ function valueStateMessage(this: Select) {
9999
<>
100100
{this.shouldDisplayDefaultValueStateMessage
101101
? this.valueStateText
102-
: <slot name="valueStateMessage"></slot>
102+
: <slot onClick={this._applyFocus} name="valueStateMessage"></slot>
103103
}
104104
</>
105105
);

0 commit comments

Comments
 (0)