missing vertical scroll bar in translation edit page
Categories
(Core :: Layout, defect)
Tracking
()
People
(Reporter: xiewensheng, Unassigned)
Details
Attachments
(1 file)
|
221.42 KB,
image/png
|
Details |
missing-scroll-bar.png
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:102.0) Gecko/20100101 Firefox/102.0
Steps to reproduce:
open a translation article longer than a page:
https://support.mozilla.org/zh-CN/kb/%E4%BD%BF%E7%94%A8%20Firefox%20Suggest%20%E6%9B%B4%E5%BF%AB%E5%9C%B0%E6%B5%8F%E8%A7%88%E7%BD%91%E9%A1%B5/edit
Actual results:
There will two windows in the editing page: one for English text, the other for translated text. See attached image.
If I hover the mouse icon over the English window, the vertical scroll bar is displayed and working. However, if I hover the mouse icon over the translated window, there is no vertical scroll bar. Only when I click in the translated window and move over a page, the vertical scroll bar starts to show.
Expected results:
The two windows should have similar behavior regarding vertical scroll bar.
|
||
Comment 1•2 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::Widget: Gtk' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
|
||
Updated•2 years ago
|
|
||
Comment 2•2 years ago
|
||
Left side is textarea, right side is a custom component from CodeMirror, it seems.
It does its own scroll handling - if you delete the div with class CodeMirror-vscrollbar it stops scrolling altogether. If I set override its visibility: hidden, hovering over where the div is shows the scrollbar. So... yeah, what they do interacts poorly with overlay scrollbars.
May be worth filing a ticket to the site code repo (Which is 500'ing at the moment for me, seems like GitHub is having some issues).
|
|
||
Comment 3•2 years ago
|
||
Filed on site repo, and closing this as MOVED.
Not entirely sure what the good workaround here may be apart from turning overlay scrollbar off altogether, either. Tried forcing overlay scrollbar to be always visible with layout.testing.overlay-scrollbars.always-visible but it doesn't force on until initial scroll, either. Adding an override to .CodeMirror for overflow:scroll interferes with its own handling, making it look broken.
Description
•