reflow Questions
4
Solved
I am building non-jQuery responsive image slider based on CSS3 transitions.
The structure is simple: a viewport and inside relatively positioned UL with left floated LIs.
I am facing a problem in...
Mantooth asked 9/2, 2014 at 20:56
6
Solved
I'm a little unclear on the difference between reflow + repaint (if there's any difference at all)
Seems like reflow might be shifting the position of various DOM elements, where repaint is just r...
Styrene asked 30/3, 2010 at 22:59
2
Solved
I'm cleaning up someone else's code and working with vim. I'd like to reflow the comments so that they're formatted consistently.
For example:
# one two three four five six seven
# eight nine
...
3
Solved
What are some techniques for listening for layout changes in modern browsers? window.resize won't work because it only fires when the entire window is resized, not when content changes cause reflow...
Manufacture asked 13/11, 2012 at 14:48
9
Solved
You can detect a browser scroll event on an arbitrary element with:
element.addEventListener('scroll', function (event) {
// do something
});
I would like to be able to differentiate between ve...
Hypochondriasis asked 8/2, 2017 at 11:42
5
Solved
Note: This is not a duplicate as far as I can tell, as using a contentEditable div doesn't seem to be a good alternative. It has numerous problems (no placeholder text, need to use the dangerouslyS...
Mut asked 16/9, 2019 at 22:48
2
I am working on some code that uses Element.getBoundingClientRect (gBCR), coupled with inline style updates, to perform calculation. This is not for a general website and I am not concerned or inte...
Pothook asked 8/11, 2014 at 3:43
2
I came across a ReactJS Boilerplate which had good reps and is community driven.
Styling section emphasized more on styled component CSS but never stopped from switching to conventional CSS s...
Expansion asked 14/10, 2017 at 16:52
3
Solved
I have several hundred "row" elements like this:
<div class='row'>
<div class='cell'></div>
<div class='cell'></div>
<div class='cell'></div>
</div&...
Uretic asked 6/11, 2013 at 15:16
5
Solved
To make it clear what I'm asking, here is my example (fiddle).
I have a list of ~500 random names. I have an input at the top that has live-style searching. On every keyup, the value of the input ...
Bangle asked 14/7, 2017 at 19:2
1
I was looking at the difference between textContent and innerText on MDN.And it shows me something that confused me a lot.
1.innerText is aware of style and will not return the text of hidden elem...
1
Solved
I am working on a small JavaScript template engine, and I have two possible approaches for dealing with updates to the DOM when the model changes:
Check if the DOM update is really needed before ...
Elgon asked 3/1, 2017 at 22:37
1
I'm trying to fix some slow-performing javascript in a sluggish UI, and I've narrowed the main cause down to a jQuery .width() call used to see the actual pixel size of a width: 100% element in a r...
Jalisajalisco asked 8/9, 2016 at 14:8
0
Using Chrome's dev tools, I have come to understand that a flashing node in the dev tools is because of a change in the DOM. Does that also lead to a reflow?
There seems to be a functional differe...
2
Solved
If I have an element with an absolute position and I change its left and top position will reflow to its parent children? And what about its own children if they are not affected as they are also a...
Omni asked 7/9, 2011 at 18:9
1
I'd like to know if there's a reliable way on modern web browsers to detect document reflows and/or repaints, or if there's any pressing interest for such a thing that might put it in a W3 spec.
I...
Colemancolemanite asked 15/4, 2014 at 18:12
3
Solved
I was reading about the difference between two CSS properties display:none and visibility:hidden and encountered the DOM reflow term.
The statement was
display: none causes a DOM reflow whereas vi...
Retool asked 24/12, 2014 at 12:47
3
Solved
Summary
Clearing the text in a form input is causing a long delay (multiple seconds) in Chrome. It seems that this is causing a reflow or recalculation of computed styles, but I'm not sure. Chrome'...
Maighdlin asked 1/4, 2013 at 20:35
1
Solved
Using DocumentFramgment allows us to attach DOM elements to each other without causing a browser reflow (i.e. work with offline DOM trees). A lot of libraries like jQuery use document fragments to ...
Consolata asked 31/3, 2013 at 18:27
2
I've read on SO and elsewhere that re-paints and re-flows are expensive for the browser to perform.
I'm curious about CSS/JS alternatives to re-paint/display:none and re-flow/visibility:hidden th...
Vestiary asked 4/3, 2013 at 16:2
2
Solved
For a reaction time study (see also this question if you're interested) we want to control and measure the display time of images. We'd like to account for the time needed to repaint on different u...
Chlorate asked 14/1, 2013 at 17:49
2
Solved
I'm trying to implement my own little flow-based layout engine. It should imitate the behavior of HTML layouting, but only the render-tree, not the DOM part. The base class for elements in the rend...
2
I need to be able to benchmark a particular build of a webkit-based browser and am measuring the length of time it takes to do certain stuff like DOM manipulation, memory limits etc.
I have a test...
Carnot asked 28/5, 2012 at 15:42
4
Solved
Say, I've got an HTML file that I want to process using Javascript. For example:
Add some DOM elements, like span or div wrappers.
Change the document styling a bit, like base font size, line-hei...
Edwyna asked 7/7, 2012 at 10:34
2
Solved
I have a page where the user can dynamically add file upload boxes. Adding the boxes changes the height of the div they are in, but certain elements of the div below it stay in the same place, so t...
Mercier asked 9/11, 2009 at 17:12
1 Next >
© 2022 - 2024 — McMap. All rights reserved.