Error when press enter in combobox
tienthanhjlw opened this issue · 3 comments
Describe the bug
While focusing in the input of a combobox, if the selection list is not open. When you press enter, the button's click handler function will be called.
How to reproduce
- Focus commbobox
- Press
enter
<form clrForm clrLayout="vertical">
<button (click)="handleClick($event)">Click Me</button>
<clr-combobox [(ngModel)]="vertical.one" name="one" required [disabled]="disabled" aria-label="one" class="foo">
<clr-options>
<clr-option clrValue="1" id="custom-id-1">1</clr-option>
<clr-option clrValue="2">2</clr-option>
<clr-option clrValue="3">3</clr-option>
</clr-options>
</clr-combobox>
</form>
Expected behavior
A clear and concise description of what you expected to happen.
Versions
Clarity version:
- v13.x
- v15.x
- Other:
Framework version:
ie: Angular 13, 15
Device:
- Browser [e.g. chrome]
Isn't this normal HTML form behavior? When enter is pressed with an input is focused, the submit button is activated by the browser. Try making the button type="button"
instead. (Buttons are submit buttons by default.)
oh thanks you so much! Sorry for the lack of understanding
Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.