fix keypress in code editor causing flow to submit (#16623)

This commit is contained in:
Bram Kragten
2023-05-25 18:01:46 +02:00
committed by GitHub
parent a9c27ad8dd
commit c4ff1a8646
2 changed files with 19 additions and 10 deletions

View File

@@ -36,6 +36,11 @@ class StepFlowForm extends LitElement {
@state() private _errorMsg?: string;
public disconnectedCallback(): void {
super.disconnectedCallback();
this.removeEventListener("keydown", this._handleKeyDown);
}
protected render(): TemplateResult {
const step = this.step;
const stepData = this._stepDataProcessed;
@@ -84,13 +89,15 @@ class StepFlowForm extends LitElement {
protected firstUpdated(changedProps: PropertyValues) {
super.firstUpdated(changedProps);
setTimeout(() => this.shadowRoot!.querySelector("ha-form")!.focus(), 0);
this.addEventListener("keypress", (ev) => {
if (ev.keyCode === 13) {
this._submitStep();
}
});
this.addEventListener("keydown", this._handleKeyDown);
}
private _handleKeyDown = (ev: KeyboardEvent) => {
if (ev.keyCode === 13) {
this._submitStep();
}
};
private get _stepDataProcessed() {
if (this._stepData !== undefined) {
return this._stepData;