[Webkit-unassigned] [Bug 136914] New: nth-child margin issue

[bugzilla-daemon at webkit.org]

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

           Summary: nth-child margin issue
           Product: WebKit
           Version: 525.x (Safari 3.2)
          Platform: iOS
               URL: http://www.bronco.co.uk/
        OS/Version: Other
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: alpha at kean.me


On an iPad 3 with iOS 8 the margin set to an nth-child is applied to all children. The margins appear normal on refresh and then update to remove margins.

The associated CSS is

@media screen and (min-width:820px){
    .services--main li{margin-left:5.660377358490566%;width:20.75471698113208%}
    .services--main li:nth-child(4n+1){clear:both;margin-left:0}
}

and relates to the 8 icon blocks on the homepage underneath the heading 'We are a full service digital agency specialising in...'

I can't find any other contributing factors or replicate the same issue on other websites or in other browsers including the latest version of Chrome on iOS.

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