Questions tagged [html-rendering]

HTML rendering is the process by which a web browser parses HTML and CSS and draws it on the user's screen.

373 questions
5
votes
2 answers

Browser rendering differences at pixel level (width, height, ...) of DOM elements

I am working on an application that compares the rendered DOM in different browsers in order to find differences. I See it as an alternative to making a screenshot comparison. Also, this can be done programmatically with lot less false positives (at…
Schnodderbalken
  • 3,257
  • 4
  • 34
  • 60
5
votes
2 answers

html italic letters protrude from their container (and may be cut by the next container' background)

To illustrate the problem (background has an alpha 0.2 for presentation purposes): http://jsfiddle.net/Novado/enhuc4jv/1/
Alex
  • 63
  • 1
  • 8
5
votes
4 answers

HTML Rendering with C#

Let's say I'm crazy and I want to implement an basic HTML rendering engine with c#. I would like to use WPF Controls to display the HTML Layout. While there is nothing to gain with such an idea, I still want to try it out! So what libraries,…
Alex Maker
  • 1,529
  • 2
  • 19
  • 27
5
votes
2 answers

CSS transformed (rotated) text looks not anti-aliased in Chrome and Firefox (Windows)

If I apply a rotation to a text, it will not render anti-aliased in Firefox and Chrome (only in Windows) but it renders correctly in IE. Also, it renders correctly in Chrome and Firefox in Mac OS X. Here are screenshots comparing three browsers in…
rafaame
  • 822
  • 2
  • 12
  • 22
4
votes
1 answer

Rendering of HTML in Firefox and Chrome

In Chrome the two divisions are in same line. But there is a small gap…
Jinu Joseph Daniel
  • 5,864
  • 15
  • 60
  • 90
4
votes
2 answers

Why I need 2 requestAnimationFrame invokes to wait the dom rendered

I'm trying to locate which element newly rendered is under mouse pointer. (*) Here is my code: btn.addEventListener('click', function () { btn.remove(); for (let i = 0; i < 10; i++) { …
tsh
  • 4,263
  • 5
  • 28
  • 47
4
votes
1 answer

How to render an innerHTML without adding a tag in Angular

Works well! But the problem is that I don't want the div or any other element to add to the page. I just want to render innerHTML content to page. I tried ng-container instead of div but it is not working. How…
canmustu
  • 2,304
  • 4
  • 21
  • 34
4
votes
1 answer

Any example proving microtask is executed before rendering?

I saw several articles says that render steps are after microtasks. I test it with this code:

test