Design View: it should not be possible to scroll content behind Design View
Summary
Originally raised in #14978 (closed):
It's still possible to scroll the issue behind the modal. This can lead to a situation where there are multiple scrollbars.
Steps to reproduce
- Navigate to a Design tab that overflows
- Open Design View (click on a design from the Designs tab)
- Scroll and observe. The Issue itself (behind the Design view overlay) will scroll
What is the current bug behavior?
It is possible to scroll the content behind the Design View overlay when Design View is open
What is the expected correct behavior?
Should not be able to scroll the content behind the Design View overlay when Design View is open
Output of checks
This bug happens on GitLab.com
Possible fixes
When Design View is open, we need to restrict the height (and width) of GitLab to 100vh
and 100vw
. There would be a few ways to achieve this. 1 approach was explored in !29881 (merged) where we apply .fullscreen-layout
class to the direct div
child of body
. However, this is not a desirable approach (!29881 (comment 327879726)) and further investigation should be done before we run with this