1291263 - The device list button and the modal are not displayed on the same page

Status: VERIFIED FIXED

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

Description

[Mihai Boldan, Desktop QA [:mboldan]]

[Affected versions]:
- Firefox 51.0a1 (2016-08-01)

[Affected platforms]:
- Windows 10 x64, Mac OS X 10.11.1, Ubuntu 16.04 x64

[Steps to reproduce]:
1. Launch Firefox.
2. From about:config, enable the devtools.responsive.html.enabled pref.
3. Open RDM.
4. Click on the device list button and select 'Edit list...'.
5. Enable '4K Ultra HD Television' and click 'Done'.
6. Click again on the device list button and select the '4K Ultra HD Television' device from the list.
7. Scroll the page to the right, click on the device list button and select the 'Edit list...' button.

[Expected result]:
- The modal is correctly displayed on the same page with the device list button.

[Actual result]:
- The modal is displayed at the start of the page and the device list button is displayed in the middle of the page. See http://imgur.com/a/4TDNM

[Regression range]:
- This is not a regression.

[Notes]:
This issue is also reproducible if another large device is selected, or if a custom size.

Comment 1

[Martin Balfanz [:mbalfanz]]

This issue has been fixed with the latest design change.

Comment 2

[Rares Doghi, Desktop QA]

I can Confirm this issue as Fixed in Firefox 64.0, Nightly 66.0a1 (2018-12-19) and Beta 65.0b5.