Forum Discussion
Rise shift with transcripts
In Rise, when viewing the transcript that I want to keep open while going through the lesson, the main content block appears to shift after the audio is playing.
Image 1: when you first display the Audio Transcript panel the main content block is centered in the window, as shown below with the “Stress Response” section. There is an even amount of white space on both sides of the content. Then…
Image 2: …when you play the audio, or scroll down the page, after a few seconds the main content shifts to back to the right – behind the audio transcript panel. There is now more white space to the left of the main content and a portion of the text is behind the audio transcript.
Anyone know why this happens or how to avoid this for smaller screens/laptops?
Thanks.
Hello PhilFoss,
I'm happy to share that we've just released a new update for Rise 360!
This update fixes the issue you ran into where:
- 'Show transcript' Tooltip lingers when closing the Transcript panel via the 'close' button from within the panel itself.
There's nothing to install for web-based apps, as new features and fixes are immediately available.
Thanks again for letting us know about your experience. Please let us know if you have any other questions.
9 Replies
This looks like a Rise layout bug. I’d guess when it first opens, Rise adds an offset to the lesson wrapper so the content column re-centres in the remaining space. Pressing play or scrolling forces a layout recalculation, and that recalculation seems to ignore the open panel, so the content re-centres against the full window width and slides under it. Might be worth testing in Quickshare to see how it responds there. Review 360’s own chrome uses a lot of width so won’t help matters. I’d raise this with support Adding a screen recording might help explain it to them.
I was able to replicate this using an audio transcript. I debug it in this screen recording. From what I can tell, for some reason the class .transcript-panel-enter-done is getting removed prematurely from the transcript panel. Might be part of a larger js issue, as I can't imagine the content and transcript panel always behaved this way. Also a look at a password protected quiz plugin.
That's some great debugging PhilFoss . From what you showed in your YouTube video, here's what I think is happening:
Those class names for me are the giveaway: enter-active / enter-done are react-transition-group conventions, so the panel is a React CSSTransition component. enter-done is meant to persist for the entire time the panel is open and only comes off when an exit transition starts. CSSTransition adds its transition classes directly to the DOM node, not through React's className prop. So when a re-render changes the panel element's own class list (a modifier toggling during playback or on scroll, in this example), React rewrites the whole class attribute and the imperatively added enter-done gets wiped. No reset involved. RTG still believes the transition completed, which is exactly why it never puts the class back, and why the layout stays broken until you close and reopen the panel. A fresh enter cycle re-applies it.
WOW! PhilFoss went above and beyond. I appreciate both of your responses. And am relieved that this bug will likely be fixed in the future but for now, I will not be editing this in order to not risk other issues arising. Thanks again, Fellas!!
Hi AliciaSinha-Tho,
Great to see that the community has been helping you!
I can confirm that we have this behavior logged as a bug in Rise 360. This bug causes:
- Block alignment shifts to the right during audio playback when the Transcript panel is shown
I've linked this discussion to the bug report so we can notify you as soon as a fix is ready. We appreciate your patience, and I'm sorry if this has been slowing you down!
Thank you for providing the additional feedback and insight. I can confirm we are seeing this behavior after publishing to Review 360 and Quick Share. I've also included your voices in the bug report that's being tracked.
We'll be sure to update you as soon as a fix is in place!
Thanks for the update Steven, I'm still seeing an issue with tooltips appearing where they shouldn't after closing the transcript panel. The behavior is shown in my screen recording.
You're welcome PhilFoss!
I see what you mean, and I've just logged this as a new bug in Rise 360. This bug causes:
- 'Show transcript' Tooltip lingers when closing the Transcript panel via the 'close' button from within the panel itself.
I've linked this discussion to the bug report so we can update you as soon as a fix has been shipped.
In the meantime, as workarounds, we suggest:
- Close the Transcript panel from the Audio Block's Show/Hide Transcript button.
- Click anywhere on the screen to force the Tooltip to disappear.
Thank you. We appreciate you calling this out!
Hi Everyone!
I'm happy to share that we've just released a new update for Rise 360!
This update fixes the issue you ran into where:
- Block alignment shifts right during audio playback when the Transcript panel is shown
There's nothing to install for web-based apps, as new features and fixes are immediately available.
Please let us know if you have any questions about this update or the issue you reported.
