Telegram Translations - Fix auto scroll

When switching entry, a function that focus and select the text will also scroll the translation textbox under the page header and cause issues. This script fixes this problem while keep the "focus and select" part of that function.

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name        Telegram Translations - Fix auto scroll
// @description When switching entry, a function that focus and select the text will also scroll the translation textbox under the page header and cause issues. This script fixes this problem while keep the "focus and select" part of that function.
// @namespace   RainSlide
// @author      RainSlide
// @license     blessing
// @version     1.0
// @icon        https://translations.telegram.org/img/website_icon.svg
// @match       https://translations.telegram.org/*
// @grant       none
// ==/UserScript==

"use strict";

$.fn.focusAndSelectAll = function() {

	// Reference: $.fn.focusAndSelect() in https://translations.telegram.org/js/jquery-ex.js
	var field = this.get(0), len = this.value().length;
	if (field.classList.contains("key-add-suggestion-field")) {
		this.focusField();
		if (len > 0) {
			if (this.is('[contenteditable]')) {
				var range = document.createRange(), sel;
				range.selectNodeContents(field);
				sel = window.getSelection();
				sel.removeAllRanges();
				sel.addRange(range);
			} else if (field.setSelectionRange) {
				field.setSelectionRange(0, len);
		  }
		}
		// Skip the scrollIntoView() part for .key-add-suggestion-field
	} else {
		return this.focusAndSelect(true);
	}

};