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

Layout issue on startpage.com #3473

Open
1 task
RLGingerBiscuit opened this issue Feb 5, 2025 · 0 comments
Open
1 task

Layout issue on startpage.com #3473

RLGingerBiscuit opened this issue Feb 5, 2025 · 0 comments
Labels
bug Something isn't working css has repro We have a way to reproduce this bug. reduction of web content Issue has a simplified reduction based on real-world web content.

Comments

@RLGingerBiscuit
Copy link

RLGingerBiscuit commented Feb 5, 2025 •
edited
Loading

Summary

On the Startpage homepage (https://www.startpage.com/), the chevron in the top right corner is below where it should be.

I believe the margin(-top) on .blog-menu-chevron isn't being respected here for whatever reason.

Operating system

Linux [WSL2]

Steps to reproduce

Visit https://www.startpage.com/.

Expected behavior

The chevron is inside inside the lil' circle.

Actual behavior

The chevron is below the lil' circle.

URL for a reduced test case

N/A

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

<!DOCTYPE html><html><style>
    .container {
      display: flex;
      align-items: center;
    }
    .chevron_outer {
      /* The `margin-top` can be replaced with `margin-bottom` or the sign removed and the incongruity persists. */
      margin-top: -25px;
    }
</style><body><div class="container">Text<span class="chevron_outer"><span>V</span></span>

Log output and (if possible) backtrace

N/A

Screenshots or screen recordings

The current behaviour:

Image

Here's what the reduction produces in Ladybird, Firefox, and Chromium respectively.

Image

Build flags or config settings

No response

Contribute a patch?

  • I’ll contribute a patch for this myself.
@ADKaster ADKaster added bug Something isn't working reduction of web content Issue has a simplified reduction based on real-world web content. has repro We have a way to reproduce this bug. css labels Feb 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working css has repro We have a way to reproduce this bug. reduction of web content Issue has a simplified reduction based on real-world web content.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@ADKaster @RLGingerBiscuit