From 23d61abc4b99557af6453d644ba4ad8cb5196d34 Mon Sep 17 00:00:00 2001
From: Zita Szupera <szuperaz@gmail.com>
Date: Mon, 17 Nov 2025 11:15:52 +0100
Subject: [PATCH] fix: poll composer UI bugs

---
 .../poll-composer.component.html              | 20 +++++++++++--------
 .../poll-composer/poll-composer.component.ts  |  2 +-
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/projects/stream-chat-angular/src/lib/polls/poll-composer/poll-composer.component.html b/projects/stream-chat-angular/src/lib/polls/poll-composer/poll-composer.component.html
index 887bb351..e134db39 100644
--- a/projects/stream-chat-angular/src/lib/polls/poll-composer/poll-composer.component.html
+++ b/projects/stream-chat-angular/src/lib/polls/poll-composer/poll-composer.component.html
@@ -87,14 +87,18 @@
                 <!-- eslint-enable @angular-eslint/template/use-track-by-function -->
                 <div class="str-chat__drag-and-drop-container__item">
                   <div class="str-chat__form__input-field">
-                    <input
-                      id="option{{ i }}"
-                      name="option{{ i }}"
-                      type="text"
-                      [formControl]="option"
-                      (input)="optionChanged(i)"
-                      placeholder="{{ 'streamChat.Add an option' | translate }}"
-                    />
+                    <div class="str-chat__form__input-field__value">
+                      <input
+                        id="option{{ i }}"
+                        name="option{{ i }}"
+                        type="text"
+                        [formControl]="option"
+                        (input)="optionChanged(i)"
+                        placeholder="{{
+                          'streamChat.Add an option' | translate
+                        }}"
+                      />
+                    </div>
                   </div>
                 </div>
               </ng-container>
diff --git a/projects/stream-chat-angular/src/lib/polls/poll-composer/poll-composer.component.ts b/projects/stream-chat-angular/src/lib/polls/poll-composer/poll-composer.component.ts
index c608a471..f7bd24ef 100644
--- a/projects/stream-chat-angular/src/lib/polls/poll-composer/poll-composer.component.ts
+++ b/projects/stream-chat-angular/src/lib/polls/poll-composer/poll-composer.component.ts
@@ -79,7 +79,7 @@ export class PollComposerComponent {
   optionChanged(index: number) {
     const control = this.options.at(index);
     const penultimateIndex = this.options.length - 2;
-    if (index === this.options.length - 1 && control.value?.length === 1) {
+    if (index === this.options.length - 1) {
       this.addOption();
     } else if (
       index === penultimateIndex &&