The layer/Button with lower z-index is accessible over the layer with higher z-index on Tap and hold / Long press action

NEW
Unassigned

Status

()

Firefox for Android
General
4 years ago
2 years ago

People

(Reporter: Mayank Tripathi, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

4 years ago
Created attachment 8464654 [details]
Screenshot taken on nexus of the drop down shown on the long press

User Agent: Mozilla/5.0 (Windows NT 6.1; rv:31.0) Gecko/20100101 Firefox/31.0 (Beta/Release)
Build ID: 20140716183446

Steps to reproduce:

My Test Page Code:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
    <title>Test</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js" type="text/javascript"></script>
    <style type="text/css">
        .one, .two
        {
            display:block;
            position:absolute;
            top:0;
            left:0;
            width:100%;
        }
        .one a
        {
            text-decoration:none;
            display:inline-block;
            padding: 10px 25px;
            background:aqua;
            color:#fff;
            margin-top:100px;
            margin-left:50px;
        }
        .two
        {
            background:#000;
            opacity:0.5;
            filter: alpha(opacity=50);
        }
    </style>
</head>
<body>
    <div class="one"><a href="http://www.google.com/">Click me</a></div>
    <div class="two"></div>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".one, .two").css("height", $(window).height() + "px");
        });
    </script>
</body>
</html>


On this page I have a link placed below a div. When this page is viewed in Mozilla Firefox for Android and you Long press or Tap and hold over the link Button.

[Tested on Nexus 4(Android 4.3), Samsung Galaxy Grand(Android 4.2.2), Samsung Galaxy Grand 2(Android 4.4)]


Actual results:

The button is accessible on tap and hold or on long press and I can see the 'Link drop down menu'


Expected results:

The button should not have been accessible. No drop down menu should have been seen.
(Reporter)

Updated

4 years ago
OS: Windows 7 → Android
Hardware: x86 → Other

Updated

4 years ago
Component: General → DOM: CSS Object Model
Product: Firefox for Android → Core
Version: Firefox 31 → unspecified
Can you try out Nightly (http://nightly.mozilla.org) for Android and report back here if the behaviour is the same or fixed?
Flags: needinfo?(mayankatwork786)
This is highly unlikely to be a CSSOM bug.  Much more likely to be a bug in the tap-and-hold implementation....
Component: DOM: CSS Object Model → General
Product: Core → Firefox for Android

Updated

4 years ago
Status: UNCONFIRMED → NEW
Ever confirmed: true
(Reporter)

Comment 3

4 years ago
(In reply to Aaron Train [:aaronmt] from comment #1)
> Can you try out Nightly (http://nightly.mozilla.org) for Android and report
> back here if the behaviour is the same or fixed?

Hi Aaron,

Apologies for the late reply. This is to inform that the behavior still exists in the nightly version.
Flags: needinfo?(mayankatwork786)
(Reporter)

Comment 4

4 years ago
Hi all,

Any solutions?

Regards
Mayank Tripathi
Flags: needinfo?(wjohnston)
Flags: needinfo?(bzbarsky)
Flags: needinfo?(aaron.train)
There are no patches on this bug.
Flags: needinfo?(wjohnston)
Flags: needinfo?(bzbarsky)
Flags: needinfo?(aaron.train)
(Reporter)

Comment 6

4 years ago
Do we expect any in future releases?
Flags: needinfo?(wjohnston)
Flags: needinfo?(aaron.train)
I don't know.
Flags: needinfo?(wjohnston)
Flags: needinfo?(aaron.train)
You need to log in before you can comment on or make changes to this bug.