[Webkit-unassigned] [Bug 77913] New: -webkit-tap-highlight-color only highlights the image and not the surrounding anchor

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=77913

           Summary: -webkit-tap-highlight-color only highlights the image
                    and not the surrounding anchor
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: powsankar at yahoo.com


Created an attachment (id=125727)
 --> (https://bugs.webkit.org/attachment.cgi?id=125727&action=review)
Screenshot shows how tap highlight works when clicking on an image which is placed inside an anchor with -webkit-tap-highlight-color

For the tap effect we are using -webkit-tap-highlight-color for the anchor which includes three elements in our page :
a. IMG element - placeholder for product image
b. DIV element - placeholder for product label
c. SPAN element - placeholder for background-image

The highlight color works fine for both DIV with placeholder text/product label and SPAN with background-image. But then, when I click the image it only highlights the image area, not the complete anchor. In our page we assume all three elements (IMG, DIV and SPAN) as one single entity so we are expecting it to highlight the complete anchor instead of just highlighting the target element which is clicked inside the anchor. Problems are captured and attached as snapshot.

Also, it would be great if we got a pseudo class for anchor tap like a:hover. This helps to achieve dynamic effects easily. In this case, we can change the product label font color or the background image during the tab highlight.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.