[Webkit-unassigned] [Bug 156744] New: text-shadow inside background-size cover shows extra shadow artifact

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Apr 19 06:52:33 PDT 2016


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

            Bug ID: 156744
           Summary: text-shadow inside background-size cover shows extra
                    shadow artifact
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: iOS
                OS: iOS 9.3
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: bikegriffith at gmail.com

Created attachment 276723
  --> https://bugs.webkit.org/attachment.cgi?id=276723&action=review
Screenshot showing extra shadow artifact

The following CSS rules cause an additional shadow to be applied around a box that is not accounted for by any of the elements.

  <div style="padding:100px 0;
              background-image:url(//cdn2.hubspot.net/hubfs/484866/Headers/BoxCast_Fun_1-01.jpg?t=1461010690724);
              background-size:cover;">

    <h1 style="font-weight:100;
               color:#fff;
               font-size:60px;
               text-shadow:0 0 10px rgba(0,0,0,0.5);">Meet the Team</h1>
  </div>

Runnable example: https://output.jsbin.com/govopuzape

NOTE: I cannot reproduce this inside the iOS simulator; it only appears on a physical device (iPhone 6 / iOS 9.3).

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160419/7bf4c6b8/attachment.html>


More information about the webkit-unassigned mailing list