1890729 - eyedropper does not react to PgUp/PgDn

Status: NEW

(DevTools :: Inspector, defect, P3)

Description

[joel.bashandy]

Attachment: Bug_Firefox_Eyedropper2.mp4

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:124.0) Gecko/20100101 Firefox/124.0

Steps to reproduce:

I used the eyedropper on a scrollable page and utilized PgUp/PgDn in order to get to other parts of that page.

Actual results:

The eyedropper lens (?) and the showed hex code were still as if I didn´t move the page and still displayed results according to the original part of the page which was shown when I enabled the eyedropper.

Expected results:

The eyedropper should have shown results according to the actually visible area of the page instead of older versions of the display.

Comment 1

[Ardelean Oana, Desktop Test Engineering [:oardelean]]

Managed to reproduce this issue on:

• Firefox Nightly 126.0a1;
• Firefox 125.0;

Tested and reproduced on:

• macOS 12;
• Windows 10;
• Ubuntu 22;

Setting the Product to ‘DevTools’ and Component to ‘Inspector’. Please change if there’s a better fit, thank you.
Setting as NEW.

Comment 2

[Julian Descottes [:jdescottes]]

Due to technical limitation, we actively prevent from scrolling use the mousewheel when picking a color. Using the keyboard arrows will also be caught and will move the picker instead of being sent to the page. That's because the feature relies on a screenshot of the viewport in order to work.

While we may revisit at some point to change the approach, most likely here we want to prevent scrolling using pageup/pagedown.

FWIW, Chrome seems to prevent any scrolling as well.

Comment 3

[Julian Descottes [:jdescottes]]

Our current approach is to disable keys / events one by one, but maybe we can reuse Debugger features to block most events from interacting with the page.