<div dir="ltr">As Claude pointed out, Scrolling is not part of ECMAScript. On the subject of improved support for virtual scrolling, I've started discussions on CSS-WG and Web Components issue trackers. <div><br></div><div><a href="https://github.com/w3c/csswg-drafts/issues/3397">https://github.com/w3c/csswg-drafts/issues/3397</a><br></div><div><a href="https://github.com/w3c/webcomponents/issues/791">https://github.com/w3c/webcomponents/issues/791</a><br></div><div><br></div><div>Please feel free to add your +1 there or contribute your own use cases to the discussion.</div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Sat, 22 Jun 2019 at 19:41, kai zhu <<a href="mailto:kaizhu256@gmail.com">kaizhu256@gmail.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div dir="ltr"><div>the referenced video was entertaining to watch (and i learned new things about typescript and proxies), but i still don't understand your UX-problem -- at least enough to know what/how a new standard-api would help.</div><div><br></div><div>there's a bunch of canvas-scrolling examples @ <a href="https://konvajs.org/docs/sandbox/Canvas_Scrolling.html" target="_blank">https://konvajs.org/docs/sandbox/Canvas_Scrolling.html</a>.  examples #1 and #4 implement native canvas-scrolling, with the latter having less jankiness on my mobile-chrome.  maybe you're asking for consistent #4 css-behavior across all mobile-browsers (i have no idea if it works as well in ios-safari)?  that would be w3c csswg's domain.</div><div><br></div><div>also somewhat-related -- chrome is debating an intent-to-implement feature for scrollTo-behavior for text-fragments.</div><div>for example:</div><div><font face="courier new, monospace">`<a href="https://www.example.com#targetText=You%20may%20use%20this%20domain" target="_blank">https://www.example.com#targetText=You%20may%20use%20this%20domain`</a></font><br></div><div>will scroll to element in <a href="http://www.example.com" target="_blank">www.example.com</a> containing text <font face="courier new, monospace">"You may use this domain"</font>. [1]<br></div><div><br></div><div>[1] Scroll-To-Text using a URL fragment</div><div><a href="https://github.com/bokand/ScrollToTextFragment" target="_blank">https://github.com/bokand/ScrollToTextFragment</a>  <br></div><div><br></div><div><br></div><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Fri, Jun 21, 2019 at 10:33 AM Adam Eisenreich <<a href="mailto:akxe@seznam.cz" target="_blank">akxe@seznam.cz</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">If you want to have native scrolling experience for `<canvas>` you need to either implement your own scrolling behaviour, or you will create `<canvas>` of size much bigger than screen, that way it overflows screen and shows scollbars, but then you must only render on part of canvas as most is hidden. <br>
<br>
I would like an API I would ask: <br>
If this element **would be scrollable**, when scrolling would actually occur? How long would the animation take on this platform? Where the end offset would be? <br>
Scrolling isn't same for each platform ex.: PC, Mac, iOS, Android. <br>
<br>
There is video about proxx, it mentions other problems too, but they explain there how they did implement natural scrolling for `<canvas>`: <a href="https://youtu.be/ViyTYEv9dM8?t=1005" rel="noreferrer" target="_blank">https://youtu.be/ViyTYEv9dM8?t=1005</a><br>
_______________________________________________<br>
es-discuss mailing list<br>
<a href="mailto:es-discuss@mozilla.org" target="_blank">es-discuss@mozilla.org</a><br>
<a href="https://mail.mozilla.org/listinfo/es-discuss" rel="noreferrer" target="_blank">https://mail.mozilla.org/listinfo/es-discuss</a><br>
</blockquote></div></div>
_______________________________________________<br>
es-discuss mailing list<br>
<a href="mailto:es-discuss@mozilla.org" target="_blank">es-discuss@mozilla.org</a><br>
<a href="https://mail.mozilla.org/listinfo/es-discuss" rel="noreferrer" target="_blank">https://mail.mozilla.org/listinfo/es-discuss</a><br>
</blockquote></div>