From 015abfa544f577d41ab503e5127ebc30f52e40fc Mon Sep 17 00:00:00 2001
From: Mikk Orasmaa <mikk.orasmaa@nortal.com>
Date: Tue, 17 Mar 2026 14:39:28 +0200
Subject: [PATCH 1/2] fix(textfield): Move tabIndex attribute to input element
 (https://github.com/TEDI-Design-System/react/issues/564)

---
 src/tedi/components/form/textfield/textfield.module.scss | 4 ++++
 src/tedi/components/form/textfield/textfield.tsx         | 5 ++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/tedi/components/form/textfield/textfield.module.scss b/src/tedi/components/form/textfield/textfield.module.scss
index fa91f068..a53bbf14 100644
--- a/src/tedi/components/form/textfield/textfield.module.scss
+++ b/src/tedi/components/form/textfield/textfield.module.scss
@@ -54,6 +54,10 @@ $input-padding-right-map: (
 
 .tedi-textfield__inner {
   position: relative;
+
+  &:focus-within {
+    @include mixins.focus-element;
+  }
 }
 
 .tedi-textfield__input {
diff --git a/src/tedi/components/form/textfield/textfield.tsx b/src/tedi/components/form/textfield/textfield.tsx
index ff1de6a5..02b0efa9 100644
--- a/src/tedi/components/form/textfield/textfield.tsx
+++ b/src/tedi/components/form/textfield/textfield.tsx
@@ -305,11 +305,11 @@ export const TextField = forwardRef<TextFieldForwardRef, TextFieldProps>((props,
     };
 
     if (isTextAreaRef(props, inputRef)) {
-      return <textarea {...(sharedProps as React.TextareaHTMLAttributes<HTMLTextAreaElement>)} ref={inputRef} />;
+      return <textarea {...(sharedProps as React.TextareaHTMLAttributes<HTMLTextAreaElement>)} ref={inputRef} tabIndex={disabled ? -1 : 0}/>;
     }
 
     if (isInputRef(props, inputRef)) {
-      return <input {...(sharedProps as React.InputHTMLAttributes<HTMLInputElement>)} ref={inputRef} />;
+      return <input {...(sharedProps as React.InputHTMLAttributes<HTMLInputElement>)} ref={inputRef} tabIndex={disabled ? -1 : 0}/>;
     }
 
     return null;
@@ -395,7 +395,6 @@ export const TextField = forwardRef<TextFieldForwardRef, TextFieldProps>((props,
         onKeyDown={onKeyDown}
         onKeyUp={onKeyUp}
         onClick={onClick}
-        tabIndex={disabled ? -1 : 0}
         ref={innerRef}
       >
         {renderInputElement}

From f19be330cc652fbc0e984b80f2c6344515d906da Mon Sep 17 00:00:00 2001
From: Mikk Orasmaa <mikk.orasmaa@nortal.com>
Date: Wed, 18 Mar 2026 16:26:08 +0200
Subject: [PATCH 2/2] fix(textfield): Move tabIndex attribute to input element
 (https://github.com/TEDI-Design-System/react/issues/564)

---
 src/tedi/components/form/textfield/textfield.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/tedi/components/form/textfield/textfield.tsx b/src/tedi/components/form/textfield/textfield.tsx
index 02b0efa9..5366c1c0 100644
--- a/src/tedi/components/form/textfield/textfield.tsx
+++ b/src/tedi/components/form/textfield/textfield.tsx
@@ -305,11 +305,23 @@ export const TextField = forwardRef<TextFieldForwardRef, TextFieldProps>((props,
     };
 
     if (isTextAreaRef(props, inputRef)) {
-      return <textarea {...(sharedProps as React.TextareaHTMLAttributes<HTMLTextAreaElement>)} ref={inputRef} tabIndex={disabled ? -1 : 0}/>;
+      return (
+        <textarea
+          {...(sharedProps as React.TextareaHTMLAttributes<HTMLTextAreaElement>)}
+          ref={inputRef}
+          tabIndex={disabled ? -1 : 0}
+        />
+      );
     }
 
     if (isInputRef(props, inputRef)) {
-      return <input {...(sharedProps as React.InputHTMLAttributes<HTMLInputElement>)} ref={inputRef} tabIndex={disabled ? -1 : 0}/>;
+      return (
+        <input
+          {...(sharedProps as React.InputHTMLAttributes<HTMLInputElement>)}
+          ref={inputRef}
+          tabIndex={disabled ? -1 : 0}
+        />
+      );
     }
 
     return null;