Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jumpiness involving floats on Wikipedia and elsewhere #13630

Closed
pcwalton opened this issue Oct 7, 2016 · 3 comments
Closed

Jumpiness involving floats on Wikipedia and elsewhere #13630

pcwalton opened this issue Oct 7, 2016 · 3 comments

Comments

@pcwalton
Copy link
Contributor

@pcwalton pcwalton commented Oct 7, 2016

Go to http://en.wikipedia.org/wiki/Pine_marten with --resolution=1280x800. Notice that "Habitat" is incorrectly drawn on top of the float. Note also that mousing over "Habitat" fixes the rendering briefly before it returns to its incorrect state.

Possibly related: Go to http://google.com/ and mouse over the top bar. Observe jumpiness there too.

Making a minimal test case would be very valuable :)

@pcwalton
Copy link
Contributor Author

@pcwalton pcwalton commented Oct 7, 2016

Based on some other suspicious cases I think we shouldn't rule out restyling going wrong either.

@pcwalton
Copy link
Contributor Author

@pcwalton pcwalton commented Oct 7, 2016

Complete guess in the dark: It may be that floats-in/floats-out data is not properly preserved across incremental reflows.

@pcwalton
Copy link
Contributor Author

@pcwalton pcwalton commented Oct 10, 2016

Minimal test case:

<!DOCTYPE html>
<html>
<body>
<div style="width: 1px; height: 100px"></div>
<div style="float: left;">
    <img alt="" height="234" width="350" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADqAQMAAADQyb+OAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AoKFDYakMwqRAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAABlBMVEV0dHSLi4uSpmiVAAAArklEQVRo3u3TsQnCUBRG4SMKaQQXCLiI4GKCGc1RMkLKFI88nxvcv7A7zal/LveD9zodtVygf26tliunvtz3WmbOnedWy4Pq4JEX1cEjjergkVYePNKCM08tOPMvS301PVjNEawmWc0ePAdb8ByswXOQnJnkzCRnRoMa1KAGNahBDWpQgxrUoAY1qEENalCDGtSgBjWoQQ1qUIMa1KAGNahBDWpQgxrUoAY1+AeDX1D7ClVx964DAAAAAElFTkSuQmCC">
</div>
<p>The body is up to 53&nbsp;cm (21&nbsp;in) in length, and its bushy tail can be
25&nbsp;cm (10&nbsp;in). Males are slightly larger than females; on average a
marten weighs around 1.5&nbsp;kg (3.3&nbsp;lb). Their fur is usually light to dark
brown and grows longer and silkier during the winter months. They have a cream to
yellow coloured "bib" marking on their throats.</p>
<div style="overflow: hidden;">Habitat</div>
</body>
</html>
pcwalton added a commit to pcwalton/servo that referenced this issue Oct 11, 2016
placing block formatting contexts in the sequential fallback.

The existing block position isn't yet computed at that time, so it
contains junk data. It just so happened to work on first reflow because
that value is usually set to zero, but it usually failed on subsequent
reflows.

Improves certain Wikipedia pages.

Closes servo#13630 (though Google is still broken; it was a separate bug and
will be split off into a separate issue).
bors-servo added a commit that referenced this issue Oct 11, 2016
…cement, r=notriddle

layout: Don't use the existing block position as the float ceiling when placing block formatting contexts in the sequential fallback.

The existing block position isn't yet computed at that time, so it
contains junk data. It just so happened to work on first reflow because
that value is usually set to zero, but it usually failed on subsequent
reflows.

Improves certain Wikipedia pages.

Closes #13630 (though Google is still broken; it was a separate bug and
will be split off into a separate issue).

r? @notriddle

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/13685)
<!-- Reviewable:end -->
bors-servo added a commit that referenced this issue Oct 11, 2016
…cement, r=notriddle

layout: Don't use the existing block position as the float ceiling when placing block formatting contexts in the sequential fallback.

The existing block position isn't yet computed at that time, so it
contains junk data. It just so happened to work on first reflow because
that value is usually set to zero, but it usually failed on subsequent
reflows.

Improves certain Wikipedia pages.

Closes #13630 (though Google is still broken; it was a separate bug and
will be split off into a separate issue).

r? @notriddle

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/13685)
<!-- Reviewable:end -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
1 participant
You can’t perform that action at this time.