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,才能安裝此樣式

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

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

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

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

作者
Crystal-RainSlide
今日安裝
0
安裝總數
109
評價
0 0 0
版本
1.0
建立日期
2024-03-06
更新日期
2024-03-06
尺寸
1.3 KB
授權條款
blessing
腳本執行於

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.

This one bug hung me for a long time, and I spent hours to trace down its callback hell to reach the real troublemaker:

A func call to $.fn.scrollIntoView(), hidden inside $.fn.focusAndSelect(), which is hide after $.fn.focusAndSelectAll(), which is called by LangKey.showSuggestionForm(), which will be called onclick when switching entry.

LangKey.showSuggestionForm() also does the scroll, animated, but is before that final bad scroll in $.fn.scrollIntoView() and thus useless.

I really think the JavaScript part in Telegram Translations is overengineered.

Refactor it, or maybe do some CSS upgrade like dark theme or densed view... Will be much more helpful than adding all those callbacks and scrolls with hard-to-diagnose issues.