From 77156ffacb5860551cc255c5f10b4c3bd69a11a0 Mon Sep 17 00:00:00 2001
From: "Mr.Dr.Professor Patrick" <alaev89@yandex-team.ru>
Date: Sun, 7 Apr 2024 09:52:53 +0200
Subject: [PATCH] fix(List): fix `Home` & `End` keys handle (#1491)

---
 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;
             }