rrweb/.changeset/grumpy-ways-own.md at f0d25990c74c8316a48e55b8656f175a5b5906e5

Files

Eoghan Murray c28ef5f658 Replay fix for Firefox — add <head> and <body> separately (#1133 )

* Firefox fix: Allow the <head> and <body> to be added in two stages so that (presumably) stylesheet rules are ready to be applied when the body appears

The css which triggered the bug was simply

{
  margin-left: 220px;
  transition: margin-left .448s;
}

* Add a test case which can only be appreciated if you record against this file://, save the events to a html file, and then open the file in Firefox (without this PR applied)

* Apply formatting changes

* Ensure we don't apply this branch when using rrdom, where it is not necessary

* Apply formatting changes

* Rewrite insertion in order to be compatible with rrdom

Also easier to understand

* Delete transition.html

* Create grumpy-ways-own.md

---------

Co-authored-by: Yun Feng <yun.feng0817@gmail.com>

2023-02-22 16:45:29 +11:00

378 B

Raw Blame History

rrweb-snapshot

rrweb-snapshot
patch

Fix: CSS transitions are incorrectly being applied upon rebuild in Firefox. Presumably FF doesn't finished parsing the styles in time, and applies e.g. a default margin:0 to elements which have a non-zero margin set in CSS, along with a transition on them.

Related bug report to Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1816672

378 B Raw Blame History Unescape Escape

378 B

Raw Blame History