Closed Bug 1563188 Opened 6 years ago Closed 5 years ago

The user is unable to click the buttons on Twitter when using the iPad resolution in RDM with Touch Simulation enabled

Categories

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

Desktop
All
defect

Tracking

(firefox67 unaffected, firefox68 unaffected, firefox69 affected)

RESOLVED WORKSFORME
Tracking Status
firefox67 --- unaffected
firefox68 --- unaffected
firefox69 --- affected

People

(Reporter: rdoghi, Unassigned)

Details

Attachments

(2 files)

[Affected versions]:
Nightly 69.0a1

[Affected platforms]:
Platforms: ALL

Prerequisites:
Access FF and enter in about:config
Type devtools.responsive.metaViewport.enabled and set the value to "true"

Steps :

Launch the Firefox browser and reach twitter.com
Hit Ctrl + Shift + M in order to start Responsive Design Mode.
Select the iPad from the list of Devices.
Hover the mouse cursor on top of the Sign Up or Log in buttons.

Expected Results :
The Mouse cursor should change its state to the "hand" and the user should be able to click the buttons.

Actual Results :
The Mouse cursor changes its state to the straight bar as if its an Input field.
Please note that if the user moves the mouse cursor lower on the page, it will change to the Hand and he will be able to click the Sign Up button.
This issue only occurs with Devices with a higher resolution than 800 x 800

Blocks: rdm-touch

Hi Rares, I am unable to reproduce this issue with the steps you described. I am still able to click on the "Sign up"/"login" buttons with the latest Nightly version. Would you be able to confirm if this is still an issue?

Flags: needinfo?(rares.doghi)

Yes this issue still occurs with devtools.responsive.metaViewport.enabled - true.
The Resized window issue occurs because of Webrender being activated, but this issue still occurs with Webrender OFF.

I have a attached a new file where you can see the behavior a little better.

Flags: needinfo?(rares.doghi)
Attached video 2019-07-10_09h05_25.mp4
Attached video twitter-cutoff.mp4

I wasn't able to reproduce the issue with different styled cursors on macOS, but I did experience the cut-off while using iPad in RDM.

The priority flag is not set for this bug.
:gl, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(gl)
Priority: -- → P3
Flags: needinfo?(gl)

I wasn't able to reproduce either the cursor style problem nor the cut-off viewport in the latest nightly 71.
I'm going to mark it as solved for now, please feel free to re-open if it still occurs to you.

No longer blocks: rdm-touch
Status: NEW → RESOLVED
Closed: 5 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: