Questions tagged [css-contain]
6 questions
6
votes
0 answers
CSS Containment(contain: layout) doesn't work on Chrome 62
I'm trying to use CSS Containment(contain: layout), but it doesn't seems to work correctly on Chrome 62.
I want to know a proper way to use contain: layout or what is my misunderstanding.
Code is here:
index.html:

Koto Furumiya
- 61
- 2
5
votes
0 answers
CSS property "contain: layout" makes fixed footer not work
I'm working on an Ionic 4 app, and I've run into a strange issue with a fixed position footer inside their .scroll-content class. I could reproduce this without Ionic, so I'm asking the question in a more general sense:
I have a container element…

Stephan Muller
- 27,018
- 16
- 85
- 126
2
votes
0 answers
How to position an absolute/fixed element relative to the viewport instead of parent with "container-type: inline-size" in HTML/CSS?
I have a parent element (#container) with container-type: inline-size. Inside this element, I have a child element (#absolute) with position: absolute. This causes the absolute element to be positioned relative to #container. However, I would like…

kspar
- 63
- 3
2
votes
0 answers
css contain makes the performance worse
First of all, my thoughts on "css contain” are this.
A dom tree with “contain: strict” will isolate the rendering cycle from the entire dom tree.
If there is a change in this isolated dom tree,
browser will be able to get performance benefits.…

Jaewon Kim
- 21
- 2
1
vote
2 answers
Why `container-type: size` CSS prop sets height to zero?
And how to bring height back, keeping container-type: size in place?
Sample: https://jsfiddle.net/yakunins/cy3b68uk/
Height of this div is zero.

yakunins
- 636
- 1
- 9
- 18
1
vote
3 answers
CSS content-visibility: auto inadvertently hides overflow
I'm finally getting around to implementing content-visibility: auto in my project to improve render times and general performance. I have a component that has some inset on the page but, under certain conditions, I allow the children of the…

sjbhalli
- 317
- 3
- 10