Project

General

Profile

Actions

Patch #33910

open

Rendering bug in Chrome Windows and Linux when pressing PageUp in Textarea

Added by Felix Schäfer over 3 years ago. Updated over 3 years ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:

Description

A rendering bug in Chrome on Windows and Linux leads to the content of the window shifting to the left when pressing PageUp in a Textarea, for example on the issue edit page. In some cases this can lead to UI elements, for example the "Edit" button, to not be visible anymore.

This is the page for the bug in Chrome https://bugs.chromium.org/p/chromium/issues/detail?id=890248, it seems to exist since 2018 and has not been resolved since. We have observed this happening on Redmine too, not by much with the default theme but a lot with the Planio theme. We have a gif demonstrating this, unfortunately it is too large to upload here.

Actions #1

Updated by Felix Schäfer over 3 years ago

We have fixed this in the Planio theme with the following js snippet:

    // fixes https://bugs.chromium.org/p/chromium/issues/detail?id=890248
    // applied to chrome on windows and linux
    var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
    if ((navigator.appVersion.indexOf("Win") != -1 || 
      navigator.appVersion.indexOf("Linux") != -1) && 
      isChrome
    ) {
      $('textarea').on('keydown', function(event) {
        if (event.key === 'PageUp' || event.key === 'PageDown') {
          const cursorPosition = event.key === 'PageUp' ? 0 : event.target.textLength;

          event.preventDefault();
          event.target.setSelectionRange(cursorPosition, cursorPosition);
        }
      });
    }
Actions

Also available in: Atom PDF