LibWeb: Cloudflare Turnstile differences between us and other engines

NOTE: This is a living document, it does not contain every difference currently and will be added to.

Neat site for checking the connection side of things (not sure of trustworthiness, take it with a grain of salt): https://cloudflare.manfredi.io/en/tools/connection/

CSS and serialization via cssText:

url() function serialize with the base URL of the origin, when it shouldn't, e.g. hosted on https://localhost:8080, this:

.OwaTZc4{background-image:url('/cdn-cgi/challenge-platform/h/b/cmg/1/hV7fTYrIy7e%2FC5FuCgYHr5Utjf5x6tY32TUpCSZd1P8%3D'); background-position: -1px -1px; background-repeat:no-repeat;}

Serializes as:

.OwaTZc4 { background-image: url(\"https://localhost:8080/cdn-cgi/challenge-platform/h/b/cmg/1/hV7fTYrIy7e%2FC5FuCgYHr5Utjf5x6tY32TUpCSZd1P8%3D\"); background-position: left -1px top -1px; background-repeat: no-repeat no-repeat; }

Combined percentages in @keyframe are serialized separately instead of together, e.g.:

@keyframes scale {
    0%, 100% {
        transform: none;
    }
    50% {
	transform: scale3d(1, 1, 1);
    }
}

Should serialize as:

@keyframes scale { 
  0%, 100% { transform: none; }
  50% { transform: scale3d(1, 1, 1); }
}

But we serialize it as:

@keyframes "scale" {
    0% {
        transform: none;
    }

    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1, 1, 1);
    }
}

Fail to parse and serialize multiple animations declared in one animation property, e.g. animation: fillfail 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
Some properties are serialized as full form when they shouldn't:
- text-decoration: underline; -> text-decoration: underline auto solid currentcolor;
- border-radius: 50%; -> border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
- animation: scale-up-center 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; -> animation: cubic-bezier(0.55, 0.085, 0.68, 0.53) normal scale-up-center running 0s 0.6s both 1; (note that this is also serialized out of order)
- background: #fff; -> background: rgb(255, 255, 255) none left 0% top 0% auto auto repeat repeat scroll padding-box border-box;
- Weird one: flex-flow: column nowrap; (as specified in the actual style sheet) should serialize as flex-flow: column, but we keep it as is
- Same with flex-flow: row nowrap; and flex-flow: row-reverse nowrap;
Missing stroke-dashoffset and it's serialization
Missing stroke-linecap and it's serialization
Missing stroke-miterlimit and it's serialization
Missing stroke-dasharray and it's serialization
Missing stroke-linejoin and it's serialization
This:

margin: 0;
margin-top: 6px;
margin-left: 16px;

Should serialize as:

margin: 6px 0px 0px 16px;

This:

background-color: white;

Should stay as is, but we serialize it as:

background-color: rgb(255, 255, 255);

	// 1. Needs testing: multiple `WWW-Authenticate` headers, missing, parsing issues.
	// (Red box in the spec, no-op)

	if (!m_document->ready_to_run_scripts())
	main_thread_event_loop().spin_until([&] { return m_document->ready_to_run_scripts(); });