Open Bug 1709239 Opened 3 years ago Updated 3 years ago

Mobile device emulation in developer tools does not activate hover on simulated touch.

Categories

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

Firefox 90
defect

Tracking

(Not tracked)

People

(Reporter: flackr, Unassigned)

References

(Blocks 1 open bug)

Details

User Agent: Mozilla/5.0 (X11; CrOS x86_64 13816.55.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.86 Safari/537.36

Steps to reproduce:

  1. Navigate to https://output.jsbin.com/culilaj
  2. Right click anywhere -> Inspect
  3. Enable responsive design mode (Ctrl+Shift+M)
  4. Set an emulated mobile device
  5. Reload to apply changes
  6. Click on the green box.

Actual results:

The box does not activate its hover state and change to yellow.

Expected results:

On a real mobile device, tapping will simulate the mouse moving over the tapped location, activating the hover state and turning the box yellow. This is not simulated in the device emulation.

The Bugbug bot thinks this bug should belong to the 'DevTools::Responsive Design Mode' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Component: Untriaged → Responsive Design Mode
Product: Firefox → DevTools

Thanks for the report, I can easily reproduce it on my machine (Win 10, Firefox Nightly)

Honza

Blocks: rdm-touch
Severity: -- → S3
Status: UNCONFIRMED → NEW
Ever confirmed: true
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.