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:
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