javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: clicking option sets value

Browse Source
This commit is contained in:
Liam DeBeasi
2023-12-01 14:58:01 -05:00
parent b68c93d55d
commit 2f3f9dc9ca
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
core/src/components/picker-column-option/picker-column-option.tsx
View File

@@ -64,6 +64,19 @@ export class PickerColumnOption implements ComponentInterface {
this.ariaLabel = inheritedAttributes['aria-label'] || null;
}
/**
* When an option is clicked update the
* parent picker column value. This
* component will handle centering the option
* in the column view.
*/
onClick() {
const parentPickerColumn = this.el.closest('ion-picker-column');
if (parentPickerColumn !== null) {
parentPickerColumn.setValue(this.value);
}
}
render() {
const { color, value, disabled, ariaLabel } = this;
const mode = getIonMode(this);
@@ -75,7 +88,12 @@ export class PickerColumnOption implements ComponentInterface {
['option-disabled']: disabled,
})}
>
<button tabindex="-1" aria-label={ariaLabel} disabled={disabled}>
<button
tabindex="-1"
aria-label={ariaLabel}
disabled={disabled}
onClick={() => this.onClick()}
>
<slot>{value}</slot>
</button>
</Host>