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.

Sign up for GitHub

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

Jump to bottom

Y-position for inline-block elements is incorrect. #3574

Open
1 task
Psychpsyo opened this issue Feb 14, 2025 · 0 comments
Open
1 task

Y-position for inline-block elements is incorrect. #3574

Psychpsyo opened this issue Feb 14, 2025 · 0 comments

Comments

@Psychpsyo
Copy link
Contributor

Summary

See reduced test case.

This was reduced from the nico nico login page, where the text in the red box at the top is spilling out of said box.

Operating system

Linux

Steps to reproduce

  1. Look at the reduced test case.
  2. Notice how the text isn't next to the red box, but shifted downwards by a line.

Expected behavior

Both lines of text should be to the right of the red box.

Actual behavior

The text is shifted down by one line, making it sit too low overall.

URL for a reduced test case

N/A

HTML/SVG/etc. source for a reduced test case

<!DOCTYPE html>
<svg style="display: inline; background-color: red" width="40" height="40"></svg>
<div style="display: inline-block;">
  Multi<br>Line
</div>

Log output and (if possible) backtrace

None

Screenshots or screen recordings

Top: Ladybird
Bottom Firefox ( looks the same in Chrome)
Image

Build flags or config settings

None

Contribute a patch?

  • I’ll contribute a patch for this myself.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Psychpsyo