{"action":"created","issue":{"url":"https://api.github.com/repos/w3c/csswg-drafts/issues/1354","repository_url":"https://api.github.com/repos/w3c/csswg-drafts","labels_url":"https://api.github.com/repos/w3c/csswg-drafts/issues/1354/labels{/name}","comments_url":"https://api.github.com/repos/w3c/csswg-drafts/issues/1354/comments","events_url":"https://api.github.com/repos/w3c/csswg-drafts/issues/1354/events","html_url":"https://github.com/w3c/csswg-drafts/issues/1354","id":228137698,"number":1354,"title":"[cssom-view-1] Clarify/specify scrollLeft value in right-to-left mode","user":{"login":"phistuck","id":184400,"avatar_url":"https://avatars3.githubusercontent.com/u/184400?v=3","gravatar_id":"","url":"https://api.github.com/users/phistuck","html_url":"https://github.com/phistuck","followers_url":"https://api.github.com/users/phistuck/followers","following_url":"https://api.github.com/users/phistuck/following{/other_user}","gists_url":"https://api.github.com/users/phistuck/gists{/gist_id}","starred_url":"https://api.github.com/users/phistuck/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/phistuck/subscriptions","organizations_url":"https://api.github.com/users/phistuck/orgs","repos_url":"https://api.github.com/users/phistuck/repos","events_url":"https://api.github.com/users/phistuck/events{/privacy}","received_events_url":"https://api.github.com/users/phistuck/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-05-11T22:20:18Z","updated_at":"2017-05-12T12:23:33Z","closed_at":null,"body":"Specification section -\r\nhttps://drafts.csswg.org/cssom-view/#dom-element-scrollleft\r\n\r\nFrom https://github.com/othree/jquery.rtl-scroll-type -\r\nHorizontal scrollbar with rtl(right to left) language support have different implement in different browsers.\r\n\r\n[scrollLeft][mdn-scrollleft] in rtl element is not defined by any spec or standards. So different browser have different implement.\r\nAs far as I know, there are 3 implements: WebKit, Firefox/Opera, IE. WebKit's implement is the most easy to use implement.\r\n\r\nExactly the same as ltr(left to right) element. Except the initial position of scrollbar controller is at most right position.\r\n\r\nFirefox has a clearly define in their mdn document. The most right position stands for 0. And when user scrolls to left. The value decreases. The value is possible to be negative in this implement.\r\n\r\nIE thought the element is flip horizontal. So the most right position is 0. And if it scrolls to left. The value increase.\r\n\r\nA table is below to make these cases more clear.\r\n\r\n## 3 Types of scrollLeft (scrollWidth = 100)\r\n\r\n<table>\r\n<thead>\r\n<tr>\r\n  <th>Browser</th>\r\n  <th>Type</th>\r\n  <th>Most Left</th>\r\n  <th>Most Right</th>\r\n  <th>Initial</th>\r\n</tr>\r\n</thead>\r\n<tbody>\r\n<tr>\r\n  <td>WebKit</td>\r\n  <td>default</td>\r\n  <td>0</td>\r\n  <td>100</td>\r\n  <td>100</td>\r\n</tr>\r\n<tr>\r\n  <td>Firefox/Opera</td>\r\n  <td>negative</td>\r\n  <td>-100</td>\r\n  <td>0</td>\r\n  <td>0</td>\r\n</tr>\r\n<tr>\r\n  <td>IE</td>\r\n  <td>reverse</td>\r\n  <td>100</td>\r\n  <td>0</td>\r\n  <td>0</td>\r\n</tr>\r\n<tbody>\r\n</table>\r\n\r\n\r\n\r\nThe current cross-browser situation is pretty awful, the most sane behavior (whichever it may be) should be specified."},"comment":{"url":"https://api.github.com/repos/w3c/csswg-drafts/issues/comments/301062396","html_url":"https://github.com/w3c/csswg-drafts/issues/1354#issuecomment-301062396","issue_url":"https://api.github.com/repos/w3c/csswg-drafts/issues/1354","id":301062396,"user":{"login":"zcorpan","id":244772,"avatar_url":"https://avatars1.githubusercontent.com/u/244772?v=3","gravatar_id":"","url":"https://api.github.com/users/zcorpan","html_url":"https://github.com/zcorpan","followers_url":"https://api.github.com/users/zcorpan/followers","following_url":"https://api.github.com/users/zcorpan/following{/other_user}","gists_url":"https://api.github.com/users/zcorpan/gists{/gist_id}","starred_url":"https://api.github.com/users/zcorpan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zcorpan/subscriptions","organizations_url":"https://api.github.com/users/zcorpan/orgs","repos_url":"https://api.github.com/users/zcorpan/repos","events_url":"https://api.github.com/users/zcorpan/events{/privacy}","received_events_url":"https://api.github.com/users/zcorpan/received_events","type":"User","site_admin":false},"created_at":"2017-05-12T12:23:33Z","updated_at":"2017-05-12T12:23:33Z","body":"See https://lists.w3.org/Archives/Public/www-style/2014Apr/0438.html for earlier discussion on this."}}
{"actor":{"display_login":"zcorpan"}}