fix(textarea): inherit tabindex to inner textarea (#26945)

resolves #26944

core/src/components/input/test/input.spec.ts

@@ -0,0 +1,14 @@
+import { newSpecPage } from '@stencil/core/testing';
+import { Input } from '../input';
+
+it('should inherit attributes', async () => {
+  const page = await newSpecPage({
+    components: [Input],
+    html: '<ion-input title="my title" tabindex="-1" data-form-type="password"></ion-input>',
+  });
+
+  const nativeEl = page.body.querySelector('ion-input input');
+  expect(nativeEl.getAttribute('title')).toBe('my title');
+  expect(nativeEl.getAttribute('tabindex')).toBe('-1');
+  expect(nativeEl.getAttribute('data-form-type')).toBe('password');
+});

core/src/components/textarea/test/textarea.spec.ts

@@ -0,0 +1,14 @@
+import { newSpecPage } from '@stencil/core/testing';
+import { Textarea } from '../textarea';
+
+it('should inherit attributes', async () => {
+  const page = await newSpecPage({
+    components: [Textarea],
+    html: '<ion-textarea title="my title" tabindex="-1" data-form-type="password"></ion-textarea>',
+  });
+
+  const nativeEl = page.body.querySelector('ion-textarea textarea');
+  expect(nativeEl.getAttribute('title')).toBe('my title');
+  expect(nativeEl.getAttribute('tabindex')).toBe('-1');
+  expect(nativeEl.getAttribute('data-form-type')).toBe('password');
+});

core/src/components/textarea/textarea.tsx

@@ -223,7 +223,7 @@ export class Textarea implements ComponentInterface {
   componentWillLoad() {
     this.inheritedAttributes = {
       ...inheritAriaAttributes(this.el),
-      ...inheritAttributes(this.el, ['data-form-type', 'title']),
+      ...inheritAttributes(this.el, ['data-form-type', 'title', 'tabindex']),
     };
   }