fix(textarea): Dynamic prefix/suffix slot content state (#1690)

Closes #1686

Co-authored-by: Simeon Simeonoff <sim.simeonoff@gmail.com>

Author: rkaraivanov

CHANGELOG.md

@@ -8,6 +8,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ### Fixed
 - #### DateTime Input
   - Ensure `igcChange` is emitted in case an incomplete mask value has been filled [#1695](https://github.com/IgniteUI/igniteui-webcomponents/issues/1695)
+- #### Textarea
+  - Dynamic prefix/suffix slot content state [#1686](https://github.com/IgniteUI/igniteui-webcomponents/issues/1686)
 
 ## [6.0.0] - 2025-04-29
 ### Changed

src/components/textarea/textarea.spec.ts

@@ -121,6 +121,33 @@ describe('Textarea component', () => {
       expect(element.value).to.be.empty;
       expect(textArea.value).to.be.empty;
     });
+
+    it('issue #1686 - dynamic prefix/suffix slot manipulation', async () => {
+      element = await fixture(html`
+        <igc-textarea>
+          <span slot="prefix">Prefix</span>
+          <span slot="suffix">Suffix</span>
+        </igc-textarea>
+      `);
+
+      const prefix = element.querySelector<HTMLElement>('[slot="prefix"]')!;
+      const suffix = element.querySelector<HTMLElement>('[slot="suffix"]')!;
+
+      const prefixPart =
+        element.renderRoot.querySelector<HTMLElement>('[part="prefix"]')!;
+      const suffixPart =
+        element.renderRoot.querySelector<HTMLElement>('[part="suffix"]')!;
+
+      expect(prefixPart.hidden).to.be.false;
+      expect(suffixPart.hidden).to.be.false;
+
+      prefix.remove();
+      suffix.remove();
+      await elementUpdated(element);
+
+      expect(prefixPart.hidden).to.be.true;
+      expect(suffixPart.hidden).to.be.true;
+    });
   });
 
   describe('Events', () => {