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.

目前为 2024-03-06 提交的版本。查看最新版本。

安装此脚本 ?

提问、发表评价，或者举报这个脚本。

Wrap lines

// ==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);
	}

};

欢迎访问Greasy Fork镜像