From b9c84b8190d35fdee5b2463315c3731c19da6716 Mon Sep 17 00:00:00 2001
From: Evgeny Alaev <alaev89@yandex-team.ru>
Date: Fri, 5 Apr 2024 23:47:55 +0300
Subject: [PATCH] fix(List): fix Home & End keys handle

---
 src/components/List/List.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/List/List.tsx b/src/components/List/List.tsx
index 30f9a269ae..2e8463085e 100644
--- a/src/components/List/List.tsx
+++ b/src/components/List/List.tsx
@@ -203,6 +203,8 @@ export class List<T = unknown> extends React.Component<ListProps<T>, ListState<T
             return;
         }
 
+        const isInputTarget = event.target instanceof HTMLInputElement;
+
         switch (event.key) {
             case 'ArrowDown': {
                 this.handleKeyMove(event, 1, -1);
@@ -221,10 +223,22 @@ export class List<T = unknown> extends React.Component<ListProps<T>, ListState<T
                 break;
             }
             case 'Home': {
+                // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
+                // ... if the combobox is editable, returns focus to the combobox and places the cursor on the first character (c)
+                if (isInputTarget) {
+                    return;
+                }
+
                 this.handleKeyMove(event, this.state.items.length - (activeItem || 0));
                 break;
             }
             case 'End': {
+                // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
+                // ... if the combobox is editable, returns focus to the combobox and places the cursor after the last character (c)
+                if (isInputTarget) {
+                    return;
+                }
+
                 this.handleKeyMove(event, -(activeItem || 0) - 1);
                 break;
             }