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
2 answers

Prevent UI Reflow in Android when the keyboard appears

I have an App called Countdown Calendar (It is a widget that counts down the days to events in your Google Calendars; fixing minor bugs atm). But the bug I am trying to fix right now has to do with the UI re-flowing whenever you input text. Let me…
Robert Massaioli
  • 13,379
  • 7
  • 57
  • 73
0
votes
1 answer

Raphael.js -- the script seems light, but the execution is heavy -- why?

I am using Raphael 2.01, Firefox 12.0, on Windows XP. I've tried continuous object motion (not tween animation). I think the load by my script is light, but the sound of the PC's cooling fan will be loud! I want to know the reason and…
Crane
  • 39
  • 1
  • 6
0
votes
1 answer

HTML Table Filtering and Reflow

I have a very large html table with 900+ rows. I have filtering enabled by looping through the rows and hiding/showing rows according to the value of the filter. Here's the problem. When I hide/show 500+ rows, the page becomes completely…
kylehyde215
  • 1,216
  • 1
  • 11
  • 18
0
votes
1 answer

Preventing HTTP REQUEST on javascript DOM update

I am getting re-execution of imported js files upon a hitting a form button which calls a function to insert a DOM element into page ( in simulation to exe of an ajx callback function). The DOM insertion causes a page refresh which re-requests all…
Todd
-1
votes
2 answers

CSS width utility classes vs width in style attribute

For situations where I need to set special-case widths of elements, I've been using some utility classes like width--8em. I considered at first that this would be more maintainable but now I'm starting to wonder because I end up with so many one-off…
ryanve
  • 50,076
  • 30
  • 102
  • 137
-1
votes
2 answers

Webkit reflow problem when dynamically changing border to DOM element

I have two div elements where one wraps around the other. Then I use JavaScript to add border to the outer div in runtime. Somehow webkit based browser doesn't do a reflow when the outer border is changed. The end result looks ugly - the inner div…
Feng Chen
  • 29
  • 4
1 2 3
11
12