Pause transcript auto-scroll on mobile devices when user is scrolling through transcript content

[elynema]

Description

For the transcript in Chrome on iPad, when you try to scroll in the transcript tab for the first time, the auto-scroll fights you trying to take you back to the current spot in the transcript. If you have scrolled around in the transcript tab to select another starting point, the auto-scroll of transcript stops working.

In the current implementation, transcript component stops auto scrolling when the mouse pointer is hovering over the transcript content (when user is actively scrolling the transcript content), which doesn't have an equivalent implementation for touch devices but we probably should.

This could be the reason for auto scroll breaking when interacting with the transcript component on iPads.

Done Looks Like

• Behavior should match desktop web browser - when a user scrolls through the transcript content, auto-scroll should pause so the transcript isn't jumping around
• When the user stops scrolling in the transcript content (stops touching?), auto-scroll should jump the transcript back to currently playing spot
• Tested on Android in Chrome
• Tested on iPad Chrome and Safari

[joncameron]

Touch handlers will need to be added to the Transcript component.

[joncameron]

Touch handlers will need to be added to the Transcript component.

[joncameron]

Needs retesting; auto-scroll option is now available in the transcript component, and this is probably sufficient to satisfy this case.

[joncameron]

Are we satisfied with the current behavior?