199451 2019-07-03 09:59:02 -0700 scrollLeft can become positive in vertical-rl writing-mode when -webkit-scrollbar is used 2024-09-08 11:35:50 -0700 1 1 1 Unclassified WebKit Scrolling WebKit Nightly Build Unspecified Unspecified NEW P2 Normal --- 161611 1 fred.wang webkit-unassigned ahmad.saleem792 cathiechen karlcow simon.fraser oldest_to_newest 1549900 0 373393 fred.wang 2019-07-03 09:59:02 -0700 Created attachment 373393 testcase See the attached testcase. The elements have writing-mode vertical-rl and so scrollLeft goes from 0 (right) to left -200 (left). However, when using -webkit-scrollbar, it is possible to make scrollLeft take a positive value. Note that this issue does not seem to happen with other writing-mode / direction values or when -webkit-scrollbar is not set: https://people.igalia.com/fwang/scrollLeft-scrollTop.html For now Cathie added a workround to https://w3c-test.org/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html to make the test pass in WebKit (it seems -webkit-scrollbar is used when using WebKit's layout test runner) 2058473 1 ahmad.saleem792 2024-09-08 11:35:50 -0700 Firefox Nightly 132 and Safari Technology Preview 202 match in scrollbar placement while Chrome Canary 130 differ. 373393 2019-07-03 09:59:02 -0700 2019-07-03 09:59:02 -0700 testcase scrollLeft.html text/html 1937 fred.wang PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCI+CiAg PG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCI+CiAgPHRp dGxlPnNjcm9sTGVmdCB2ZXJ0aWNhbC1ybCB3aXRoIC13ZWJraXQtc2Nyb2xsYmFyPC90aXRsZT4K ICA8c3R5bGU+CiAgICAuc2Nyb2xsZXIgewogICAgICAgIG92ZXJmbG93OiBzY3JvbGw7CiAgICAg ICAgd2lkdGg6IDEwMHB4OwogICAgICAgIGhlaWdodDogMTAwcHg7CiAgICB9CiAgICAudmlzaWJs ZS1iYXI6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICAgICAgICB3aWR0aDogMTVweDsKICAgICAgICBo ZWlnaHQ6IDE1cHg7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2FhYTsKICAgIH0KICAgIC5j b250ZW50IHsKICAgICAgICB3aWR0aDogMzAwcHg7CiAgICAgICAgaGVpZ2h0OiAzMDBweDsKICAg ICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTcwZGVnLCByZWQsIHllbGxvdyk7IAog ICAgfQogICAgI291dHB1dCB7CiAgICAgICAgcG9zaXRpb246IGZpeGVkOwogICAgICAgIHJpZ2h0 OiAwOwogICAgfQogIDwvc3R5bGU+CjwvaGVhZD4KPGJvZHk+CiAgPGgxPnNjcm9sTGVmdCB2ZXJ0 aWNhbC1ybDwvaDE+CiAgPHRleHRhcmVhIGlkPSJvdXRwdXQiIGNvbHM9IjgwIiByb3dzPSIyMCI+ PC90ZXh0YXJlYT4KICA8c2VjdGlvbj4KICAgIDxoMj53aXRob3V0IC13ZWJraXQtc2Nyb2xsYmFy PC9oMj4KICAgIDxkaXYgc3R5bGU9IndyaXRpbmctbW9kZTogdmVydGljYWwtcmwiIGNsYXNzPSJz Y3JvbGxlciI+CiAgICAgIDxkaXYgY2xhc3M9ImNvbnRlbnQiPjwvZGl2PgogICAgPC9kaXY+CiAg PC9zZWN0aW9uPgogIDxzZWN0aW9uPgogICAgPGgyPndpdGggLXdlYmtpdC1zY3JvbGxiYXI8L2gy PgogICAgPGRpdiBzdHlsZT0id3JpdGluZy1tb2RlOiB2ZXJ0aWNhbC1ybCIgY2xhc3M9InNjcm9s bGVyIHZpc2libGUtYmFyIj4KICAgICAgPGRpdiBjbGFzcz0iY29udGVudCI+PC9kaXY+CiAgICA8 L2Rpdj4KICA8L3NlY3Rpb24+CiAgPHNjcmlwdD4KICAgIGZ1bmN0aW9uIGxvZ091dHB1dCh0ZXh0 KSB7CiAgICAgICAgdmFyIHRleHRhcmVhID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoIm91dHB1 dCIpOwogICAgICAgIHRleHRhcmVhLnZhbHVlICs9IGAke3RleHR9XG5gOwogICAgICAgIHRleHRh cmVhLnNjcm9sbFRvcCA9IHRleHRhcmVhLnNjcm9sbEhlaWdodDsKICAgIH0KICAgIGZ1bmN0aW9u IGxvZ1Njcm9sbChzY3JvbGxlcikgewogICAgICAgIGxvZ091dHB1dChgc2Nyb2xsTGVmdDogJHtz Y3JvbGxlci5zY3JvbGxMZWZ0fVxuYCk7CiAgICB9CiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5l cigibG9hZCIsIGZ1bmN0aW9uKCkgewogICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJv dXRwdXQiKS52YWx1ZSA9ICIiOwogICAgICAgIEFycmF5LmZyb20oZG9jdW1lbnQuZ2V0RWxlbWVu dHNCeUNsYXNzTmFtZSgic2Nyb2xsZXIiKSkuZm9yRWFjaChmdW5jdGlvbihzY3JvbGxlcikgewog ICAgICAgICAgICBsb2dPdXRwdXQoIkluaXRpYWwgcG9zaXRpb24uIik7CiAgICAgICAgICAgIGxv Z1Njcm9sbChzY3JvbGxlcik7CiAgICAgICAgICAgIGxvZ091dHB1dCgiU2V0dGluZyBzY3JvbGxl ci5zY3JvbGxMZWZ0ID0gMTAwMDAiKTsKICAgICAgICAgICAgc2Nyb2xsZXIuc2Nyb2xsTGVmdCA9 IDEwMDAwOwogICAgICAgICAgICBsb2dTY3JvbGwoc2Nyb2xsZXIpOwogICAgICAgICAgICBsb2dP dXRwdXQoIlNldHRpbmcgc2Nyb2xsZXIuc2Nyb2xsTGVmdCA9IC0xMDAwMCIpOwogICAgICAgICAg ICBzY3JvbGxlci5zY3JvbGxMZWZ0ID0gLTEwMDAwOwogICAgICAgICAgICBsb2dTY3JvbGwoc2Ny b2xsZXIpOwogICAgICAgIH0pOwogICAgfSk7CiAgPC9zY3JpcHQ+CjwvYm9keT4KPC9odG1sPgo=