How to convert simple CSS grid into Flexbox version without strange effect
I'm trying to get a page layout similar to https://material.angular.io. I used angular/flex-layout to create a combined flexbox/grid layout that works pretty much as intended. The innermost containers (navigation and content) were placed inside a CSS grid, but since it was basically only used as a 2-dimensional container, I thought I could easily replace that one with a column-flexbox. But only that results in this strange effect when scrolling down:
The navigation box on the left should behave sticky and not get pushed below the title toolbar.
Is it possible to only use flexbox for this kind of layout?
It looks like some of angular/flex-layout attributes were misconfigured along with some CSS styles. I started again and managed to create a version that behaves the same for CSS Grid and Flexbox:
https://stackblitz.com/edit/material-angular-io-behavior-with-bootstrap
There's a button in the second toolbar that lets you switch between the CSS grid and the flexbox version on the fly.
- Sort program not working, not sure why
- Fast & accurate atan/arctan approximation algorithm
- What's the difference between strtok_r and strtok_s in C?
- How memory address for pointer to arrays is same as an element in 2D array?
- Which is the best way to suppress "unused variable" warning
- How to use ellipsis in c's case statement?
- How can I exclude non-numeric keys? CS50 Caesar Pset2
- Fast ceiling of an integer division in C / C++
- Is there an invalid pthread_t id?
- How to Implement Universal Setter/Getter Functions for Interrupt-Driven Variables in Embedded C?
- How does SIMD (avx) processing work? for example, if I want 10 32 bit floats how do i fit in a 256 bit avx vector?
- FDCAN problems on STM32G4
- How does the call macro enable mutual recursion between functions f and g in this Hanoi Tower implementation?
- Running test on Rocket core CPU - global variable initialized to 0 is unsuccessful, output wrong value instead
- Interacting with C arrays without knowing the size
- Combination of two strings
- Avoiding strcpy overflow destination warning
- carriage return by fgets
- How to use special characters in C?
- Why does 1.0/100.0 == 0.1/10.0 give True?
- Is it correct to compare pointers in C?
- Force free() to return malloc memory back to OS
- How can I print to standard error in C with 'printf'?
- What is the standard behavior of fread in C on Windows?
- How is strtok removing lines it shouldn't have access to?
- Using array as smart point in C
- Assigning string to malloced 2d char array not working as intended
- How to refactor repetition inside a Makefile?
- Why does an empty preprocessor command still evaluate to something?
- How to implement variable sized array within C struct