106062 2013-01-03 16:03:43 -0800 Nested sticky position elements incorrectly repositioned on scrolling 2020-10-14 05:51:58 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 bdakin webkit-unassigned bdakin cigitia hi simon.fraser supermoos trentprynn webkit-bug-importer oldest_to_newest 799801 0 bdakin 2013-01-03 16:03:43 -0800 Nested sticky position elements do not always reposition properly on scroll in today's TOT. See attached test case. The inner object scrolls correctly up until the point when it is supposed to "stick" and then it starts doing the wrong thing. See related: https://bugs.webkit.org/show_bug.cgi?id=105475 and http://trac.webkit.org/changeset/138758 799803 1 181247 bdakin 2013-01-03 16:04:30 -0800 Created attachment 181247 Test case 799805 2 webkit-bug-importer 2013-01-03 16:05:11 -0800 <rdar://problem/12954040> 1417144 3 hi 2018-04-24 06:59:08 -0700 I've discovered an example of "nested sticky scrolling elements" that does behave/paint seamlessly in Safari, but cannot figure out why your original test case is still buggy. http://output.jsbin.com/nibenel/1 1418390 4 hi 2018-04-26 20:51:54 -0700 Seems to only be an issue when scrolling the documentElement. 1491004 5 358139 hi 2018-12-29 11:54:40 -0800 Created attachment 358139 Difference in nested sticky positioning for viewport and internal scrolling Left side, scrolls internal fixpos scroll container Right side, scrolls viewport/root scroll container Right side only positions nested sticky position element when relayout is forced, (resizing window or scrolling fixed element will kick it into gear) instead of positioning correctly while scrolling itself. Easy to see differences when scrolling case in current version of blink. 1537091 6 hi 2019-05-17 06:50:47 -0700 Also, hoping when this gets fixed that the left side internal scroller of this test case... https://bugs.webkit.org/attachment.cgi?id=358139 ...doesn't exhibit jittering when it's outer sticky el is stuck but nested sticky el is still unconstrained (in flow), like currently seen on iOS Safari. Seems like the hardware accelerated scrollers are having issues talking back n forth with frame rate offset position. :/ 1549109 7 simon.fraser 2019-06-30 17:57:23 -0700 This seems to work fine now. 1549143 8 hi 2019-06-30 22:18:38 -0700 (In reply to Simon Fraser (smfr) from comment #7) > This seems to work fine now. Can you share with us which version of macOS/iOS Safari you are using, because when I load this link in iOS 12.3.1 Safari... https://bugs.webkit.org/attachment.cgi?id=358139 ...the scroller on the right doesn't work fine. That's the viewport/root scroller and it sadly seems to require a relayout to get the inner sticky offset to behave correctly. I've commented on this twice above and it's always discouraging when comments are seemingly ignored when one takes their time to try and help aid in remedying your bugs. :( 1549263 9 simon.fraser 2019-07-01 11:20:05 -0700 Sorry, I should have clarified. I tested in Safari Tech Preview 86. 1697682 10 supermoos 2020-10-14 05:51:58 -0700 This seems fixed on desktop safari 14, but on iOS 14.0.1 the test case still exhibits the samme buggy / laggy update for the viewport scrolling nested sticky elements - a noticeable delay to the sticking behaviour on the nested sticky element. The nested sticky element only get's the correct position when momentum scroll of the viewport comes to a halt. 181247 2013-01-03 16:04:30 -0800 2013-01-03 16:04:30 -0800 Test case nested-sticky.html text/html 8238 bdakin PGh0bWw+CjxoZWFkPgogICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIiBtZWRpYT0ic2NyZWVuIj4K ICAgICAgYm9keSB7CiAgICAgICAgaGVpZ2h0OiAyMDAwcHg7CiAgICAgIH0KICAgICAgCiAgICAg IC5maXhlZCB7CiAgICAgICAgcG9zaXRpb246IGZpeGVkOwogICAgICAgIHdpZHRoOiAzMDBweDsK ICAgICAgICBoZWlnaHQ6IDMwMHB4OwogICAgICAgIHRvcDogMTBweDsKICAgICAgICBsZWZ0OiAx MHB4OwogICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMTI4LCAwLCAwLjgpOwogICAg ICAgIGJvcmRlcjogMnB4IHNvbGlkIGJsYWNrOwogICAgICB9CgogICAgICAuc3RpY2t5IHsKICAg ICAgICBwb3NpdGlvbjogLXdlYmtpdC1zdGlja3k7CiAgICAgICAgd2lkdGg6IDMwMHB4OwogICAg ICAgIGhlaWdodDogMzAwcHg7CiAgICAgICAgdG9wOiAxMHB4OwogICAgICAgIGxlZnQ6IDEwcHg7 CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAxMjgsIDAsIDAuOCk7CiAgICAgICAg Ym9yZGVyOiAycHggc29saWQgYmxhY2s7CiAgICAgIH0KICAgICAgCiAgICAgIC5vdXRlciB7CiAg ICAgICAgdG9wOiAyMHB4OwogICAgICAgIGhlaWdodDogNTAwcHg7CiAgICAgIH0KICAgICAgCiAg ICAgIC5pbm5lciB7CiAgICAgICAgdG9wOiAxNTBweDsKICAgICAgfQogICAgICAKICAgICAgcCB7 CiAgICAgICAgd2lkdGg6IDUwJTsKICAgICAgICBtYXJnaW46IDIwcHggMTBweDsKICAgICAgfQog ICAgPC9zdHlsZT4KICAgIAoKICAgIAo8L2hlYWQ+Cjxib2R5PgoKPHA+TG9yZW0gaXBzdW0gZG9s b3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQsIHNlZCBkbyBlaXVzbW9k IHRlbXBvciBpbmNpZGlkdW50IHV0IGxhYm9yZSBldCBkb2xvcmUgbWFnbmEgYWxpcXVhLiBVdCBl bmltIGFkIG1pbmltIHZlbmlhbSwgcXVpcyBub3N0cnVkIGV4ZXJjaXRhdGlvbiB1bGxhbWNvIGxh Ym9yaXMgbmlzaSB1dCBhbGlxdWlwIGV4IGVhIGNvbW1vZG8gY29uc2VxdWF0LiBEdWlzIGF1dGUg aXJ1cmUgZG9sb3IgaW4gcmVwcmVoZW5kZXJpdCBpbiB2b2x1cHRhdGUgdmVsaXQgZXNzZSBjaWxs dW0gZG9sb3JlIGV1IGZ1Z2lhdCBudWxsYSBwYXJpYXR1ci4gRXhjZXB0ZXVyIHNpbnQgb2NjYWVj YXQgY3VwaWRhdGF0IG5vbiBwcm9pZGVudCwgc3VudCBpbiBjdWxwYSBxdWkgb2ZmaWNpYSBkZXNl cnVudCBtb2xsaXQgYW5pbSBpZCBlc3QgbGFib3J1bS4KPC9wPgo8cD5Mb3JlbSBpcHN1bSBkb2xv ciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdCwgc2VkIGRvIGVpdXNtb2Qg dGVtcG9yIGluY2lkaWR1bnQgdXQgbGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEuIFV0IGVu aW0gYWQgbWluaW0gdmVuaWFtLCBxdWlzIG5vc3RydWQgZXhlcmNpdGF0aW9uIHVsbGFtY28gbGFi b3JpcyBuaXNpIHV0IGFsaXF1aXAgZXggZWEgY29tbW9kbyBjb25zZXF1YXQuIER1aXMgYXV0ZSBp cnVyZSBkb2xvciBpbiByZXByZWhlbmRlcml0IGluIHZvbHVwdGF0ZSB2ZWxpdCBlc3NlIGNpbGx1 bSBkb2xvcmUgZXUgZnVnaWF0IG51bGxhIHBhcmlhdHVyLiBFeGNlcHRldXIgc2ludCBvY2NhZWNh dCBjdXBpZGF0YXQgbm9uIHByb2lkZW50LCBzdW50IGluIGN1bHBhIHF1aSBvZmZpY2lhIGRlc2Vy dW50IG1vbGxpdCBhbmltIGlkIGVzdCBsYWJvcnVtLgo8L3A+CjxwPkxvcmVtIGlwc3VtIGRvbG9y IHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LCBzZWQgZG8gZWl1c21vZCB0 ZW1wb3IgaW5jaWRpZHVudCB1dCBsYWJvcmUgZXQgZG9sb3JlIG1hZ25hIGFsaXF1YS4gVXQgZW5p bSBhZCBtaW5pbSB2ZW5pYW0sIHF1aXMgbm9zdHJ1ZCBleGVyY2l0YXRpb24gdWxsYW1jbyBsYWJv cmlzIG5pc2kgdXQgYWxpcXVpcCBleCBlYSBjb21tb2RvIGNvbnNlcXVhdC4gRHVpcyBhdXRlIGly dXJlIGRvbG9yIGluIHJlcHJlaGVuZGVyaXQgaW4gdm9sdXB0YXRlIHZlbGl0IGVzc2UgY2lsbHVt IGRvbG9yZSBldSBmdWdpYXQgbnVsbGEgcGFyaWF0dXIuIEV4Y2VwdGV1ciBzaW50IG9jY2FlY2F0 IGN1cGlkYXRhdCBub24gcHJvaWRlbnQsIHN1bnQgaW4gY3VscGEgcXVpIG9mZmljaWEgZGVzZXJ1 bnQgbW9sbGl0IGFuaW0gaWQgZXN0IGxhYm9ydW0uCjwvcD4KPHA+TG9yZW0gaXBzdW0gZG9sb3Ig c2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQsIHNlZCBkbyBlaXVzbW9kIHRl bXBvciBpbmNpZGlkdW50IHV0IGxhYm9yZSBldCBkb2xvcmUgbWFnbmEgYWxpcXVhLiBVdCBlbmlt IGFkIG1pbmltIHZlbmlhbSwgcXVpcyBub3N0cnVkIGV4ZXJjaXRhdGlvbiB1bGxhbWNvIGxhYm9y aXMgbmlzaSB1dCBhbGlxdWlwIGV4IGVhIGNvbW1vZG8gY29uc2VxdWF0LiBEdWlzIGF1dGUgaXJ1 cmUgZG9sb3IgaW4gcmVwcmVoZW5kZXJpdCBpbiB2b2x1cHRhdGUgdmVsaXQgZXNzZSBjaWxsdW0g ZG9sb3JlIGV1IGZ1Z2lhdCBudWxsYSBwYXJpYXR1ci4gRXhjZXB0ZXVyIHNpbnQgb2NjYWVjYXQg Y3VwaWRhdGF0IG5vbiBwcm9pZGVudCwgc3VudCBpbiBjdWxwYSBxdWkgb2ZmaWNpYSBkZXNlcnVu dCBtb2xsaXQgYW5pbSBpZCBlc3QgbGFib3J1bS4KPC9wPgoKPHByZSBpZD0icmVzdWx0cyI+PC9w cmU+CjxkaXYgY2xhc3M9InN0aWNreSBvdXRlciI+CiAgVGFrZSBhIHN1cnZleSEKICA8ZGl2IGNs YXNzPSJzdGlja3kgaW5uZXIiIHN0eWxlPSJsZWZ0OiA1MCUiPgogICAgVGFrZSBhbm90aGVyIHN1 cnZleSEKICA8L2Rpdj4KPC9kaXY+Cgo8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29u c2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdCwgc2VkIGRvIGVpdXNtb2QgdGVtcG9yIGluY2lkaWR1 bnQgdXQgbGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEuIFV0IGVuaW0gYWQgbWluaW0gdmVu aWFtLCBxdWlzIG5vc3RydWQgZXhlcmNpdGF0aW9uIHVsbGFtY28gbGFib3JpcyBuaXNpIHV0IGFs aXF1aXAgZXggZWEgY29tbW9kbyBjb25zZXF1YXQuIER1aXMgYXV0ZSBpcnVyZSBkb2xvciBpbiBy ZXByZWhlbmRlcml0IGluIHZvbHVwdGF0ZSB2ZWxpdCBlc3NlIGNpbGx1bSBkb2xvcmUgZXUgZnVn aWF0IG51bGxhIHBhcmlhdHVyLiBFeGNlcHRldXIgc2ludCBvY2NhZWNhdCBjdXBpZGF0YXQgbm9u IHByb2lkZW50LCBzdW50IGluIGN1bHBhIHF1aSBvZmZpY2lhIGRlc2VydW50IG1vbGxpdCBhbmlt IGlkIGVzdCBsYWJvcnVtLgo8L3A+CjxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25z ZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LCBzZWQgZG8gZWl1c21vZCB0ZW1wb3IgaW5jaWRpZHVu dCB1dCBsYWJvcmUgZXQgZG9sb3JlIG1hZ25hIGFsaXF1YS4gVXQgZW5pbSBhZCBtaW5pbSB2ZW5p YW0sIHF1aXMgbm9zdHJ1ZCBleGVyY2l0YXRpb24gdWxsYW1jbyBsYWJvcmlzIG5pc2kgdXQgYWxp cXVpcCBleCBlYSBjb21tb2RvIGNvbnNlcXVhdC4gRHVpcyBhdXRlIGlydXJlIGRvbG9yIGluIHJl cHJlaGVuZGVyaXQgaW4gdm9sdXB0YXRlIHZlbGl0IGVzc2UgY2lsbHVtIGRvbG9yZSBldSBmdWdp YXQgbnVsbGEgcGFyaWF0dXIuIEV4Y2VwdGV1ciBzaW50IG9jY2FlY2F0IGN1cGlkYXRhdCBub24g cHJvaWRlbnQsIHN1bnQgaW4gY3VscGEgcXVpIG9mZmljaWEgZGVzZXJ1bnQgbW9sbGl0IGFuaW0g aWQgZXN0IGxhYm9ydW0uCjwvcD4KPHA+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNl Y3RldHVyIGFkaXBpc2ljaW5nIGVsaXQsIHNlZCBkbyBlaXVzbW9kIHRlbXBvciBpbmNpZGlkdW50 IHV0IGxhYm9yZSBldCBkb2xvcmUgbWFnbmEgYWxpcXVhLiBVdCBlbmltIGFkIG1pbmltIHZlbmlh bSwgcXVpcyBub3N0cnVkIGV4ZXJjaXRhdGlvbiB1bGxhbWNvIGxhYm9yaXMgbmlzaSB1dCBhbGlx dWlwIGV4IGVhIGNvbW1vZG8gY29uc2VxdWF0LiBEdWlzIGF1dGUgaXJ1cmUgZG9sb3IgaW4gcmVw cmVoZW5kZXJpdCBpbiB2b2x1cHRhdGUgdmVsaXQgZXNzZSBjaWxsdW0gZG9sb3JlIGV1IGZ1Z2lh dCBudWxsYSBwYXJpYXR1ci4gRXhjZXB0ZXVyIHNpbnQgb2NjYWVjYXQgY3VwaWRhdGF0IG5vbiBw cm9pZGVudCwgc3VudCBpbiBjdWxwYSBxdWkgb2ZmaWNpYSBkZXNlcnVudCBtb2xsaXQgYW5pbSBp ZCBlc3QgbGFib3J1bS4KPC9wPgo8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2Vj dGV0dXIgYWRpcGlzaWNpbmcgZWxpdCwgc2VkIGRvIGVpdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQg dXQgbGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEuIFV0IGVuaW0gYWQgbWluaW0gdmVuaWFt LCBxdWlzIG5vc3RydWQgZXhlcmNpdGF0aW9uIHVsbGFtY28gbGFib3JpcyBuaXNpIHV0IGFsaXF1 aXAgZXggZWEgY29tbW9kbyBjb25zZXF1YXQuIER1aXMgYXV0ZSBpcnVyZSBkb2xvciBpbiByZXBy ZWhlbmRlcml0IGluIHZvbHVwdGF0ZSB2ZWxpdCBlc3NlIGNpbGx1bSBkb2xvcmUgZXUgZnVnaWF0 IG51bGxhIHBhcmlhdHVyLiBFeGNlcHRldXIgc2ludCBvY2NhZWNhdCBjdXBpZGF0YXQgbm9uIHBy b2lkZW50LCBzdW50IGluIGN1bHBhIHF1aSBvZmZpY2lhIGRlc2VydW50IG1vbGxpdCBhbmltIGlk IGVzdCBsYWJvcnVtLgo8L3A+Cgo8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2Vj dGV0dXIgYWRpcGlzaWNpbmcgZWxpdCwgc2VkIGRvIGVpdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQg dXQgbGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEuIFV0IGVuaW0gYWQgbWluaW0gdmVuaWFt LCBxdWlzIG5vc3RydWQgZXhlcmNpdGF0aW9uIHVsbGFtY28gbGFib3JpcyBuaXNpIHV0IGFsaXF1 aXAgZXggZWEgY29tbW9kbyBjb25zZXF1YXQuIER1aXMgYXV0ZSBpcnVyZSBkb2xvciBpbiByZXBy ZWhlbmRlcml0IGluIHZvbHVwdGF0ZSB2ZWxpdCBlc3NlIGNpbGx1bSBkb2xvcmUgZXUgZnVnaWF0 IG51bGxhIHBhcmlhdHVyLiBFeGNlcHRldXIgc2ludCBvY2NhZWNhdCBjdXBpZGF0YXQgbm9uIHBy b2lkZW50LCBzdW50IGluIGN1bHBhIHF1aSBvZmZpY2lhIGRlc2VydW50IG1vbGxpdCBhbmltIGlk IGVzdCBsYWJvcnVtLgo8L3A+CjxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0 ZXR1ciBhZGlwaXNpY2luZyBlbGl0LCBzZWQgZG8gZWl1c21vZCB0ZW1wb3IgaW5jaWRpZHVudCB1 dCBsYWJvcmUgZXQgZG9sb3JlIG1hZ25hIGFsaXF1YS4gVXQgZW5pbSBhZCBtaW5pbSB2ZW5pYW0s IHF1aXMgbm9zdHJ1ZCBleGVyY2l0YXRpb24gdWxsYW1jbyBsYWJvcmlzIG5pc2kgdXQgYWxpcXVp cCBleCBlYSBjb21tb2RvIGNvbnNlcXVhdC4gRHVpcyBhdXRlIGlydXJlIGRvbG9yIGluIHJlcHJl aGVuZGVyaXQgaW4gdm9sdXB0YXRlIHZlbGl0IGVzc2UgY2lsbHVtIGRvbG9yZSBldSBmdWdpYXQg bnVsbGEgcGFyaWF0dXIuIEV4Y2VwdGV1ciBzaW50IG9jY2FlY2F0IGN1cGlkYXRhdCBub24gcHJv aWRlbnQsIHN1bnQgaW4gY3VscGEgcXVpIG9mZmljaWEgZGVzZXJ1bnQgbW9sbGl0IGFuaW0gaWQg ZXN0IGxhYm9ydW0uCjwvcD4KPHA+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3Rl dHVyIGFkaXBpc2ljaW5nIGVsaXQsIHNlZCBkbyBlaXVzbW9kIHRlbXBvciBpbmNpZGlkdW50IHV0 IGxhYm9yZSBldCBkb2xvcmUgbWFnbmEgYWxpcXVhLiBVdCBlbmltIGFkIG1pbmltIHZlbmlhbSwg cXVpcyBub3N0cnVkIGV4ZXJjaXRhdGlvbiB1bGxhbWNvIGxhYm9yaXMgbmlzaSB1dCBhbGlxdWlw IGV4IGVhIGNvbW1vZG8gY29uc2VxdWF0LiBEdWlzIGF1dGUgaXJ1cmUgZG9sb3IgaW4gcmVwcmVo ZW5kZXJpdCBpbiB2b2x1cHRhdGUgdmVsaXQgZXNzZSBjaWxsdW0gZG9sb3JlIGV1IGZ1Z2lhdCBu dWxsYSBwYXJpYXR1ci4gRXhjZXB0ZXVyIHNpbnQgb2NjYWVjYXQgY3VwaWRhdGF0IG5vbiBwcm9p ZGVudCwgc3VudCBpbiBjdWxwYSBxdWkgb2ZmaWNpYSBkZXNlcnVudCBtb2xsaXQgYW5pbSBpZCBl c3QgbGFib3J1bS4KPC9wPgo8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0 dXIgYWRpcGlzaWNpbmcgZWxpdCwgc2VkIGRvIGVpdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQgdXQg bGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEuIFV0IGVuaW0gYWQgbWluaW0gdmVuaWFtLCBx dWlzIG5vc3RydWQgZXhlcmNpdGF0aW9uIHVsbGFtY28gbGFib3JpcyBuaXNpIHV0IGFsaXF1aXAg ZXggZWEgY29tbW9kbyBjb25zZXF1YXQuIER1aXMgYXV0ZSBpcnVyZSBkb2xvciBpbiByZXByZWhl bmRlcml0IGluIHZvbHVwdGF0ZSB2ZWxpdCBlc3NlIGNpbGx1bSBkb2xvcmUgZXUgZnVnaWF0IG51 bGxhIHBhcmlhdHVyLiBFeGNlcHRldXIgc2ludCBvY2NhZWNhdCBjdXBpZGF0YXQgbm9uIHByb2lk ZW50LCBzdW50IGluIGN1bHBhIHF1aSBvZmZpY2lhIGRlc2VydW50IG1vbGxpdCBhbmltIGlkIGVz dCBsYWJvcnVtLgo8L3A+Cgo8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0 dXIgYWRpcGlzaWNpbmcgZWxpdCwgc2VkIGRvIGVpdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQgdXQg bGFib3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEuIFV0IGVuaW0gYWQgbWluaW0gdmVuaWFtLCBx dWlzIG5vc3RydWQgZXhlcmNpdGF0aW9uIHVsbGFtY28gbGFib3JpcyBuaXNpIHV0IGFsaXF1aXAg ZXggZWEgY29tbW9kbyBjb25zZXF1YXQuIER1aXMgYXV0ZSBpcnVyZSBkb2xvciBpbiByZXByZWhl bmRlcml0IGluIHZvbHVwdGF0ZSB2ZWxpdCBlc3NlIGNpbGx1bSBkb2xvcmUgZXUgZnVnaWF0IG51 bGxhIHBhcmlhdHVyLiBFeGNlcHRldXIgc2ludCBvY2NhZWNhdCBjdXBpZGF0YXQgbm9uIHByb2lk ZW50LCBzdW50IGluIGN1bHBhIHF1aSBvZmZpY2lhIGRlc2VydW50IG1vbGxpdCBhbmltIGlkIGVz dCBsYWJvcnVtLgo8L3A+CjxwPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1 ciBhZGlwaXNpY2luZyBlbGl0LCBzZWQgZG8gZWl1c21vZCB0ZW1wb3IgaW5jaWRpZHVudCB1dCBs YWJvcmUgZXQgZG9sb3JlIG1hZ25hIGFsaXF1YS4gVXQgZW5pbSBhZCBtaW5pbSB2ZW5pYW0sIHF1 aXMgbm9zdHJ1ZCBleGVyY2l0YXRpb24gdWxsYW1jbyBsYWJvcmlzIG5pc2kgdXQgYWxpcXVpcCBl eCBlYSBjb21tb2RvIGNvbnNlcXVhdC4gRHVpcyBhdXRlIGlydXJlIGRvbG9yIGluIHJlcHJlaGVu ZGVyaXQgaW4gdm9sdXB0YXRlIHZlbGl0IGVzc2UgY2lsbHVtIGRvbG9yZSBldSBmdWdpYXQgbnVs bGEgcGFyaWF0dXIuIEV4Y2VwdGV1ciBzaW50IG9jY2FlY2F0IGN1cGlkYXRhdCBub24gcHJvaWRl bnQsIHN1bnQgaW4gY3VscGEgcXVpIG9mZmljaWEgZGVzZXJ1bnQgbW9sbGl0IGFuaW0gaWQgZXN0 IGxhYm9ydW0uCjwvcD4KPHA+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVy IGFkaXBpc2ljaW5nIGVsaXQsIHNlZCBkbyBlaXVzbW9kIHRlbXBvciBpbmNpZGlkdW50IHV0IGxh Ym9yZSBldCBkb2xvcmUgbWFnbmEgYWxpcXVhLiBVdCBlbmltIGFkIG1pbmltIHZlbmlhbSwgcXVp cyBub3N0cnVkIGV4ZXJjaXRhdGlvbiB1bGxhbWNvIGxhYm9yaXMgbmlzaSB1dCBhbGlxdWlwIGV4 IGVhIGNvbW1vZG8gY29uc2VxdWF0LiBEdWlzIGF1dGUgaXJ1cmUgZG9sb3IgaW4gcmVwcmVoZW5k ZXJpdCBpbiB2b2x1cHRhdGUgdmVsaXQgZXNzZSBjaWxsdW0gZG9sb3JlIGV1IGZ1Z2lhdCBudWxs YSBwYXJpYXR1ci4gRXhjZXB0ZXVyIHNpbnQgb2NjYWVjYXQgY3VwaWRhdGF0IG5vbiBwcm9pZGVu dCwgc3VudCBpbiBjdWxwYSBxdWkgb2ZmaWNpYSBkZXNlcnVudCBtb2xsaXQgYW5pbSBpZCBlc3Qg bGFib3J1bS4KPC9wPgo8cD5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIg YWRpcGlzaWNpbmcgZWxpdCwgc2VkIGRvIGVpdXNtb2QgdGVtcG9yIGluY2lkaWR1bnQgdXQgbGFi b3JlIGV0IGRvbG9yZSBtYWduYSBhbGlxdWEuIFV0IGVuaW0gYWQgbWluaW0gdmVuaWFtLCBxdWlz IG5vc3RydWQgZXhlcmNpdGF0aW9uIHVsbGFtY28gbGFib3JpcyBuaXNpIHV0IGFsaXF1aXAgZXgg ZWEgY29tbW9kbyBjb25zZXF1YXQuIER1aXMgYXV0ZSBpcnVyZSBkb2xvciBpbiByZXByZWhlbmRl cml0IGluIHZvbHVwdGF0ZSB2ZWxpdCBlc3NlIGNpbGx1bSBkb2xvcmUgZXUgZnVnaWF0IG51bGxh IHBhcmlhdHVyLiBFeGNlcHRldXIgc2ludCBvY2NhZWNhdCBjdXBpZGF0YXQgbm9uIHByb2lkZW50 LCBzdW50IGluIGN1bHBhIHF1aSBvZmZpY2lhIGRlc2VydW50IG1vbGxpdCBhbmltIGlkIGVzdCBs YWJvcnVtLgo8L3A+Cgo8L2JvZHk+CjwvaHRtbD4K 358139 2018-12-29 11:54:40 -0800 2018-12-29 11:54:40 -0800 Difference in nested sticky positioning for viewport and internal scrolling nestedstickycase.html text/html 1620 hi PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8bWV0YSBuYW1lPSJkZXNjcmlwdGlvbiIg Y29udGVudD0idGVzdGNhc2UiPgogIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJpbml0 aWFsLXNjYWxlPTEsIHdpZHRoPWRldmljZS13aWR0aCwgbWF4aW11bS1zY2FsZT0xLjAsIHVzZXIt c2NhbGFibGU9bm8iPgogIDxtZXRhIG5hbWU9ImFwcGxlLW1vYmlsZS13ZWItYXBwLWNhcGFibGUi IGNvbnRlbnQ9InllcyI+CiAgPHRpdGxlPnRlc3RjYXNlPC90aXRsZT4KICA8c3R5bGU+CiAgICA6 cm9vdCB7CiAgICAgIC0tY2FwLWhlaWdodDogICAgICAgY2FsYygxMHZoICsgMXJlbSk7CiAgICAg IC0tY2FwLWhlaWdodC1tYWc6ICAgNTsKICAgICAgLS1jYXAtaGVpZ2h0LWZ1bGw6ICBjYWxjKHZh cigtLWNhcC1oZWlnaHQpICogdmFyKC0tY2FwLWhlaWdodC1tYWcpKTsKICAgICAgLXdlYmtpdC1v dmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoOwogICAgfQogICAgYm9keSB7CiAgICAgIG1hcmdpbjog MCAwIDAgNTB2dzsKICAgIH0KICAgIC5vdmVyZmxvd246OmFmdGVyIHsKICAgICAgY29udGVudDog Jyc7CiAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgICBoZWlnaHQ6IDIwMHZoOwogICAgICBiYWNr Z3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KCNlZWUgMCwgI2VlZSAycmVtLCAjY2Nj IDJyZW0sICNjY2MgNHJlbSk7CiAgICB9CiAgICAuc2Nyb2xsIHsKICAgICAgcG9zaXRpb246IGZp eGVkOwogICAgICB6LWluZGV4OiAxOwogICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgIGxlZnQ6IDA7 CiAgICAgIHdpZHRoOiA1MHZ3OwogICAgICB0b3A6IDA7CiAgICAgIG92ZXJmbG93LXk6IHNjcm9s bDsKICAgIH0KICAgIC5zdGljayB7CiAgICAgIHBvc2l0aW9uOiAtd2Via2l0LXN0aWNreTsKICAg ICAgcG9zaXRpb246IHN0aWNreTsKICAgICAgdG9wOiBjYWxjKC0xICogKHZhcigtLWNhcC1oZWln aHQtZnVsbCkgLSB2YXIoLS1jYXAtaGVpZ2h0KSkpOwogICAgICBoZWlnaHQ6IHZhcigtLWNhcC1o ZWlnaHQtZnVsbCk7CiAgICAgIGJhY2tncm91bmQ6IHVybCgnLy9wbGFjZWtpdHRlbi5jb20vODAx LzgwMScpIGNlbnRlciAvIGNvdmVyOwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBhbGlnbi1p dGVtczogY2VudGVyOwogICAgfQogICAgLnN0aWNrIC5zdGljayB7CiAgICAgIHRvcDogMDsKICAg ICAgaGVpZ2h0OiB2YXIoLS1jYXAtaGVpZ2h0KTsKICAgICAgcGFkZGluZzogMCAxcmVtOwogICAg ICBmbGV4OiAxIDEgYXV0bzsKICAgICAgYmFja2dyb3VuZDogbm9uZTsKICAgICAgY29sb3I6ICNm ZmY7CiAgICB9CiAgPC9zdHlsZT4KPC9oZWFkPgo8Ym9keSBjbGFzcz0ib3ZlcmZsb3duIj4KICAK ICA8ZGl2IGNsYXNzPSJzY3JvbGwgb3ZlcmZsb3duIj4KICAgIDxkaXYgY2xhc3M9InN0aWNrIj4K ICAgICAgPGRpdiBjbGFzcz0ic3RpY2siPmludGVybmFsIHNjcm9sbGluZyBuZXN0ZWQgc3RpY2t5 PC9kaXY+CiAgICA8L2Rpdj4KICA8L2Rpdj4KICAKICA8ZGl2IGNsYXNzPSJzdGljayI+CiAgICA8 ZGl2IGNsYXNzPSJzdGljayI+dmlld3BvcnQgc2Nyb2xsaW5nIG5lc3RlZCBzdGlja3k8L2Rpdj4K ICA8L2Rpdj4KPC9ib2R5Pgo8L2h0bWw+