[WelcomeUX] Elements get cut off when resize window

[mousetraps]

Testing #18091
See below, where the top of the welcome screen is cut off. Scrolling using mouse wheel also doesn't work.

[bgashler1]

@chrmarti it seems we have some custom scroll capability (not standard overflow:scroll-y

Can you tell me how to enable vertical scrolling for this?

[chrmarti]

It should do that automatically. I think you only need to make sure the outer div grows with the content and doesn't stop at 100%. The reason we're doing something custom made is that we want our custom scrollbars. /cc @joaomoreno

[chrmarti]

ScrollableElement doesn't work with absolute positioned content. This seems to work better (needs proper selector):

.monaco-workbench > .part.editor > .content .monaco-scrollable-element > div {
  align-items: center;
  display: flex;
  justify-content: center;
}

[joaomoreno]

@chrmarti If you just want lookalike scrollbars, check the ::-webkit-scrollbar* styles in https://github.com/Microsoft/vscode/blob/master/src/vs/workbench/parts/html/browser/webview.ts

[joaomoreno]

I've assigned this to January, move it out if not applicable.

[chrmarti]

@joaomoreno I have already hacked up my own pageUp/Down actions. Should I turn back now? :D

[joaomoreno]

@chrmarti Why the candidate tag? It's meant to be used for candidate issues for a recovery build.

[chrmarti]

@joaomoreno I need to read the instructions again, thought we start adding candidate on Thursday's fixes.