python (65.2k questions)

javascript (44.3k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (13k questions)

Questions - resize-observer

How can I see what triggered a ResizeObserverCallback?

I'm running into a recursive loop with a ResizeObserver, where something inside the observed container is changing the size of the container on re-render, which causes the ResizeObserver to re-trigger...
test-img

James

javascript

resize-observer

Votes: 0

Answers: 0

Problem with resizeObserver, React and probably re-render issue (not yet identified)

I've got a problem in my application. I've made a component that wrap a children and display a "Show more/less" around it. It accepts an initialHeight and a MaxHeight which are 2 numbers, th...
test-img

Touk

javascript

reactjs

observers

resize-observer

Votes: 0

Answers: 0

A strange interaction between canvas, ResizeObserver and FlexBox

I am trying to get a self-resizing canvas following the recipe here (end of section 4, under "What to do instead"). So I have a ResizeObserver hooked up to watch for changes on my canvas ele...
test-img

Jack M

canvas

flexbox

resize-observer

Votes: 0

Answers: 1

Latest Answer

This is because your canvas has its display set to inline-block, it thus is affected by the line-height value of the parent <main> and will take more space in this parent than it's actual size. ...
test-img

Kaiido

ResizeObserver not being triggered when content height changes (React)

It works when I manually resize the window, but not when the content height changes which is what I need. Am I doing something wrong? class MainContainer extends React.Component { constructor(props)...
test-img

Nikk

javascript

reactjs

styled-components

resize-observer

Votes: 0

Answers: 2

Latest Answer

Solved it by using a MutationObserver with subtree enabled. this.containerObserver = new MutationObserver(this.handleResize); this.containerObserver.observe(this.containerRef.current, { childList:...
test-img

Nikk

Posts

Questions

Blogs

Jobs