[Webkit-unassigned] [Bug 38079] New: -webkit-box-reflect and -webkit-box-shadow bug with jQuery focus()

[bugzilla-daemon at webkit.org]

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

           Summary: -webkit-box-reflect and -webkit-box-shadow bug with
                    jQuery focus()
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: ianalexanderwood at gmail.com


Created an attachment (id=54215)
 --> (https://bugs.webkit.org/attachment.cgi?id=54215)
Here is the display error

I've found a rather bizarre bug, it's not particularly serious but I thought
I'd report it anyway. Hopefully this is the right place!

If I style a html container of some kind <div> <ul> etc with both a
-webkit-box-reflect and -webkit-box-shadow everything is hunky dory.
So for example:

  -webkit-box-reflect: below 3px -webkit-gradient(linear, 0% 45%, 0% 100%,
from(transparent), to(rgba(255,255,255,0.3)));
  -webkit-box-shadow: 2px 2px 2px #666;

But....

If I use jQuery to select and focus on a text input field, using say something
like:

$(document).ready(function(){
  $('input[type="text"]:first').focus();
});

The html containers appearance will have malfunctioned. Specifically the
reflection effect will now have the box shadow applied to it in addition to the
container having the drop shadow effect, which looks a bit unsightly. Not the
worlds biggest problem, and no functionality is hindered so it's purely
aesthetic. I've attached some pics to show the rendering with and without an
input tag on the page.

I've tested with: 

Chrome (5.0.342.9) on Mac (Intel)
WebKit nightly build Version 4.0.5 (6531.22.7, r58136) on Mac (Intel)
Safari Version 4.0.5 (6531.22.7) on Mac (Intel)
Chrome 4.1.249.1045 (42898) on PC
Safari 4.0.4 (531.21.10) on PC

they all display the same behaviour.

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