From aa9cf3b98d5db85fefce918bb29840d0cdcb84c4 Mon Sep 17 00:00:00 2001 From: kimsible Date: Tue, 17 Nov 2020 15:45:06 +0100 Subject: Disable auto-focus markdown textarea on touchdevices --- client/src/app/shared/shared-forms/markdown-textarea.component.ts | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.ts b/client/src/app/shared/shared-forms/markdown-textarea.component.ts index d47f22d1d..b626071eb 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.ts +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.ts @@ -4,7 +4,7 @@ import { Subject } from 'rxjs' import { debounceTime, distinctUntilChanged } from 'rxjs/operators' import { Component, ElementRef, forwardRef, Input, OnInit, ViewChild } from '@angular/core' import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms' -import { MarkdownService } from '@app/core' +import { MarkdownService, ScreenService } from '@app/core' @Component({ selector: 'my-markdown-textarea', @@ -40,6 +40,7 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit { constructor ( private viewportScroller: ViewportScroller, + private screenService: ScreenService, private markdownService: MarkdownService ) { } @@ -80,7 +81,10 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit { this.isMaximized = !this.isMaximized // Make sure textarea have the focus - this.textareaElement.nativeElement.focus() + // Except on touchscreens devices, the virtual keyboard may move up and hide the textarea in maximized mode + if (!this.screenService.isInTouchScreen()) { + this.textareaElement.nativeElement.focus() + } // Make sure the window has no scrollbars if (!this.isMaximized) { -- cgit v1.2.3