diff --git a/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts b/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts index 0dc983d6..7c0748f4 100644 --- a/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts +++ b/projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts @@ -28,6 +28,7 @@ import { debounceTime } from 'rxjs/operators'; import { TransliterationService } from '../../transliteration.service'; import { EmojiInputService } from '../emoji-input.service'; import { CustomTemplatesService } from '../../custom-templates.service'; +import { ThemeService } from '../../theme.service'; /** * The `AutocompleteTextarea` component is used by the [`MessageInput`](./MessageInputComponent.mdx) component to display the input HTML element where users can type their message. @@ -132,6 +133,7 @@ export class AutocompleteTextareaComponent private transliterationService: TransliterationService, private emojiInputService: EmojiInputService, private customTemplatesService: CustomTemplatesService, + private themeService: ThemeService, private cdRef: ChangeDetectorRef ) { this.searchTerm$.pipe(debounceTime(300)).subscribe((searchTerm) => { @@ -198,10 +200,6 @@ export class AutocompleteTextareaComponent } if (changes.value && !this.value && this.messageInput) { this.messageInput.nativeElement.style.height = 'auto'; - this.chatClientService?.chatClient?.logger?.( - 'info', - '[Autocomplete textarea] Value reset, adjusting textarea height to auto' - ); this.updateMentionedUsersFromText(); } else if ( changes.value && @@ -209,10 +207,6 @@ export class AutocompleteTextareaComponent this.messageInput && this.isViewInited ) { - this.chatClientService?.chatClient?.logger?.( - 'info', - '[Autocomplete textarea] Value changed' - ); setTimeout(() => { if (this.messageInput.nativeElement.scrollHeight > 0) { this.adjustTextareaHeight(); @@ -223,10 +217,6 @@ export class AutocompleteTextareaComponent ngAfterViewInit(): void { this.isViewInited = true; - this.chatClientService?.chatClient?.logger?.( - 'info', - '[Autocomplete textarea] View inited' - ); if (this.messageInput.nativeElement.scrollHeight > 0) { this.adjustTextareaHeight(); } @@ -261,10 +251,6 @@ export class AutocompleteTextareaComponent inputChanged() { this.valueChange.emit(this.messageInput.nativeElement.value); - this.chatClientService?.chatClient?.logger?.( - 'info', - '[Autocomplete textarea] Input changed' - ); this.adjustTextareaHeight(); } @@ -281,20 +267,8 @@ export class AutocompleteTextareaComponent } private adjustTextareaHeight() { - const necessaryHeight = `${this.messageInput.nativeElement.scrollHeight}px`; - if (this.messageInput.nativeElement.style.height === necessaryHeight) { - this.chatClientService?.chatClient?.logger?.( - 'info', - `[Autocomplete textarea] No need to adjust textarea height` - ); - } else { - this.chatClientService?.chatClient?.logger?.( - 'info', - `[Autocomplete textarea] Adjusting textarea height to ${necessaryHeight}` - ); - this.messageInput.nativeElement.style.height = ''; - this.messageInput.nativeElement.style.height = necessaryHeight; - } + this.messageInput.nativeElement.style.height = ''; + this.messageInput.nativeElement.style.height = `${this.messageInput.nativeElement.scrollHeight}px`; } private transliterate(s: string) {