Please note the window on the right. Problem: Here you can see that not only is the table cut off, but also a paragraph of text outside the table. The presence of, for example, a table breaks the entire .turn-content. The area cannot be scrolled. (According to the design, only the table should be scrollable)
In the left viewing area, a tag with the class `.turn-content` is focused. Adding `overflow: hidden` to it solves the problem, as shown in the following screenshot.
As you can see, the scrollbar is now visible (yay!), and the paragraphs of text below are no longer cut off. If you look closely at the ChromeDevTools element sizes box, you can see that the width of .turn-content itself has decreased from 945px to 531px.
Notes:
- A problem exists for about three weeks
- and is also relevant for mobile device