Skip to content

Wrong CSS interpretation on fresh tab #1805

Description

@jjtmp

Here's the description of an wrong CSS interperation error:

When I render this file:
test_timeout.html

<!DOCTYPE html>
<head>
  <style>
    crea {
      display: block;
      width: 2222px;
      position: absolute;
    }
    crea.proc-done {
      width: 100%;
    }
  </style>
</head>
<body onload="
        document.getElementById('msg1').innerHTML = Date();
        document.getElementById('msg3').innerHTML = document.getElementsByTagName('crea')[0].clientWidth;
        setTimeout(() => {
            document.getElementById('msg2').innerHTML = Date();
            document.getElementById('msg5').innerHTML = document.getElementsByTagName('crea')[0].clientWidth;
          }, 5000);
        document.getElementsByTagName('crea')[0].classList.add('proc-done');
        document.getElementById('msg4').innerHTML = document.getElementsByTagName('crea')[0].clientWidth;
      ">
  <p id=msg1>inaktiv</p>
  <p id=msg2>inaktiv</p>
  <crea>&nbsp;</crea>
  <p id=msg3>inaktiv</p>
  <p id=msg4>inaktiv</p>
  <p id=msg5>inaktiv</p>
</body>

.

I get this result on a new opened tab:

  • Image

The zero (0) is wrong here.

.

When I reload or type the URL in the urlbar of another open tab, I get this:

  • Image

This is correct.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions