Add support for emulating devices for hover and pointer css media queries #282

Activity

1. phylor commented on Dec 4, 2024

   

   phylor

   on Dec 4, 2024

   Contributor

   More actions

   If you can live with always having the same setting, you can set the browser option blink-settings for this.

   For example:

     Capybara::Cuprite::Driver.new(app, {
                                     browser_options: {
                                       'blink-settings': 'primaryPointerType=4'
                                     }
                                   })
   

   ❤️React with ❤️1Reacted by Simon James
2. route commented on Oct 15, 2026

   

   route

   on Oct 15, 2026

   Member

   More actions

   This isn't a Cuprite issue: it's how Chrome reports input devices. When there's no mouse, as in headless Chrome on Linux or in Docker, Chrome matches (hover: none) and (pointer: none). CDP can't override these, since Emulation.setEmulatedMedia ignores hover and pointer, so the fix is to start Chrome with flags that declare a mouse:

   Capybara::Cuprite::Driver.new(app, browser_options: {
     "blink-settings" => "primaryHoverType=2,availableHoverTypes=2,primaryPointerType=4,availablePointerTypes=4"
   })

   primaryPointerType=4 alone isn't enough, because it only fixes pointer. The hover values are needed for hover and any-hover. With all four set, Chrome 155 on Linux matches (hover: hover), (any-hover: hover), (pointer: fine) and (any-pointer: fine).

   If you connect to a remote browser with url:, browser_options doesn't apply. In that case, pass the same --blink-settings=... flag to the Chrome started in the container.

   For the touch version, the new emulate: option from #338 (e.g. emulate: :iphone_14) or mobile: true switches Chrome to (hover: none) and (pointer: coarse).

   👍React with 👍1Reacted by Serge Hänni
3. route

   closed this as not plannedon Oct 15, 2026
4. route

   added a commit that references this issue on Oct 29, 2026

   fix(page): leave touch emulation alone on resize unless mobile is set (…

   ...

   7629808