1264987 - The RDM scrollbars are overlapped by the resize button

Status: NEW

(DevTools :: Responsive Design Mode, defect, P3)

Description

[Mihai Boldan, Desktop QA [:mboldan]]

[Note]:
- Logged based on Bug 1241587 Comment 5

[Affected versions]:
- Firefox 48.0a1 (2016-04-12)

[Affected platforms]:
- Windows 10 x 64, Ubuntu 14.04 x86, Mac OS x 10.11

[Steps to reproduce]:
1. Launch Firefox.
2. From about:config, enable the devtools.responsive.html.enabled pref.
3. Open RDM.
4. Enlarge the vieport window until only one scrollbar is displayed (Eg. up/down scrollbar).
5. Scroll the page all the way down and observe the scrollbar.

[Expected result]:
- The scrollbar is correctly displayed, without interfering with the resize button.

[Actual result]:
- The scrollbar is overlapped by the resize button (see http://imgur.com/YCRnpB2).
 
[Regression range]:
-  This is not a regression since this is a new implementation.

Note:
This issue is also reproducible for the right/left scrollbar.

Comment 1

[Helen V. Holmes (:helenvholmes) (:✨)]

So, in an ideal situation, I would like to copy what <textarea> does: http://cl.ly/2A1T2J3D2Q1j

I think this bug can be put on the reserve list, though. In order of magnitude this bug isn't top-priority.

Comment 2

[Mihai Boldan, Desktop QA [:mboldan]]

The issue is still reproducible on Firefox 130.0b8 and on Firefox 131.0a1. Tests were performed under Windows 10/11 and under macOS 10.15.