Stack Overflow
Stack Overflow

Questions tagged [reflow]

Reflow is the name of the web browser process for re-calculating the positions and geometries of elements in the document, for the purpose of re-rendering part or all of the document.

Reflow is the process by which web browsers will "re-flow" the contents of an HTML document to accomodate for element size or window size changes.

Reflow is similar to 'repaint' but differs as a repaint event affects visual display elements (visibility, background-color, etc...) but don't cause the browser to reflow the contents of the rest of the document (position, width, height, padding, etc...).

Questions about reflow will typically relate to browser performance as well as cross-browser behavior with relation to re-drawing document contents.

For more information:

171 questions
0
votes
0 answers

Getting following error while writing any git reflow commands

Getting following error while writing any git reflow commands This is what I get during executing git reflow setup. /usr/local/opt/rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/gli-2.12.2/lib/gli/dsl.rb:226:in `verify_unused_in_option': f has…
Maulik Suchak
  • 1,028
  • 1
  • 8
  • 23
0
votes
2 answers

Minimizing browser reflow/re-rendering

I'm currently working on some code for my master's thesis. I've a few questions regarding effective DOM manipulation. 1) Consider you had to perform a bunch of DOM manipulation on a number of nodes that are close to each other. Would it make sense…
Skaryon
  • 13
  • 4
0
votes
1 answer

jQuery Mobile Table reflow - Table not show horizontally

I facing a problem on JQuery Mobile Reflow where there is only two column it still display in vertical order. How can I display nicely into horizontal table? http://jsfiddle.net/fsloke/w3tLc6fs/
HenryLoke
  • 67
  • 1
  • 12
0
votes
0 answers

CSS responsive works in IE and FF but not Chrome

I'm building a site here http://www.burnsoldparish.org/ I'm having problems getting the responsive mode to work correctly in Chrome. It works in IE and FF (well the latest versions of them) for some reason the flow doesn't work when you expand the…
user1616338
  • 557
  • 1
  • 8
  • 24
0
votes
1 answer

Reportlab table cell reflow - is there a way to style the first and last cells on a page when a table is multiple pages?

I've got a multi-page table with lots of rows. I want the topmost row on any page to have more space above and have a line above it. Likewise, I want the bottommost row on any page to have a space below it and a line below it. I know how to add…
William Schroeder McKinley
  • 778
  • 6
  • 15
0
votes
2 answers

How to update element when data-* attribute changed

I have an element with following css style: #element:after { content: attr(data-percent); } I'm trying to change data-percent attribute with JQuery like this $('#element').data('percent', '50%'); Attribute changes, I can check it by…
user2794729
  • 53
  • 1
  • 4
0
votes
1 answer

Why jQuery Mobile displays table wrong?

Why is my Table displaying wrongly? On the Demo Page is it nice, but on my code looks bad. Can you help me? I use the actual jQuery 1.4.2 My file is here: http://stratisoft.ch/phpbuilder/users/user2/termin/test.html and the working demo here:…
Konstantin XFlash Stratigenas
  • 605
  • 6
  • 10
0
votes
1 answer

How to calculate the position (x,y) of an element on the page without triggering reflow using Dart (in js)?

I calculate the position of an element in the page using Dart (compiled to JS). However I read that this might trigger a reflow, that would make this costly in time? is that true? Reflow/Layout performance for large application Position…
Phil
  • 46,436
  • 33
  • 110
  • 175
0
votes
1 answer

browser reflow or not reflow?

My question is simple, why I can see any reflow on chrome devtool timeline when I try to get the offset position of a element ? I've just read this => offsetTop, offsetLeft, offsetWidth, offsetHeight, scrollTop/Left/Width/Height,…
Frédéric GRATI
  • 805
  • 1
  • 6
  • 19
0
votes
1 answer

Jquery Mobile NavBar reflow

Hi i have this navbar :
user1480504
  • 7
  • 1
0
votes
0 answers

Javascript: Force reflow doesn't work

I made a game where you can walk on a 2d grid world (Pokémon style) and currently you just hop from tile to tile instead of a nice walking animation in between. I'm right now working on that walking animation, and it all works, except that the…
Martin
  • 1,488
  • 1
  • 13
  • 16
0
votes
1 answer

Issue with paint time using bootstrap carousel

So I'm using Bootstrap Carousel to create a simple slider, but the issue is that when the transitions are fired for the first time the paint time takes a lot for each slide, but after that they seem to be just fine, my guess is that the first…
Vidi
  • 183
  • 1
  • 1
  • 9
0
votes
2 answers

Alternatives to re-flow and re-paint

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 that aren't as computationally demanding for the…
tim peterson
  • 23,653
  • 59
  • 177
  • 299
0
votes
2 answers

Can't manipulate width of Facebook Like Button

I have a sidebar 200px wide and the Facebook Like button I have placed inside it is running outside the boundaries of the DIV. Are there any workarounds to get the Like box text to recognise the 200px mark and reflow onto new lines when needed? I am…
Chris
  • 463
  • 2
  • 6
  • 16
0
votes
1 answer

How to stop android webview content reflow when double tapped?

First of all, I would like the WebView can be scrolled but it need to behave just like a picture such that the scrolling would not cause the WebView to rearrange its layout to fit screen. It should just provide scrollbar when the page is really…
Yeung
  • 2,202
  • 2
  • 27
  • 50
1 2 3
…
11
12