fix: select and copy the translation part in the chat box (#3710)

* Update TranslatePage.tsx

* Update TranslatePage.tsx

我再也不点`webstorm`的quick fix了

* Update TranslatePage.tsx
This commit is contained in:
自由的世界人 2025-03-21 16:16:50 +08:00 committed by GitHub
parent 55bb4530c0
commit 998c4bc459
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -197,9 +197,7 @@ const TranslatePage: FC = () => {
// Calculate scroll position by ratio
const inputScrollRatio = inputEl.scrollTop / (inputEl.scrollHeight - inputEl.clientHeight || 1)
const outputScrollPosition = inputScrollRatio * (outputEl.scrollHeight - outputEl.clientHeight || 1)
outputEl.scrollTop = outputScrollPosition
outputEl.scrollTop = inputScrollRatio * (outputEl.scrollHeight - outputEl.clientHeight || 1)
requestAnimationFrame(() => {
isProgrammaticScroll.current = false
@ -217,9 +215,7 @@ const TranslatePage: FC = () => {
// Calculate scroll position by ratio
const outputScrollRatio = outputEl.scrollTop / (outputEl.scrollHeight - outputEl.clientHeight || 1)
const inputScrollPosition = outputScrollRatio * (inputEl.scrollHeight - inputEl.clientHeight || 1)
inputEl.scrollTop = inputScrollPosition
inputEl.scrollTop = outputScrollRatio * (inputEl.scrollHeight - inputEl.clientHeight || 1)
requestAnimationFrame(() => {
isProgrammaticScroll.current = false
@ -381,7 +377,7 @@ const TranslatePage: FC = () => {
/>
</OperationBar>
<OutputText ref={outputTextRef} onScroll={handleOutputScroll}>
<OutputText ref={outputTextRef} onScroll={handleOutputScroll} className="selectable">
{result || t('translate.output.placeholder')}
</OutputText>
</OutputContainer>