Centered invite splash does not cover the viewport while right alignment moves the invite card

(#3453) Bug Needs triage community self-hosting

Observed behaviour

When a community has a custom invite splash image and the Splash Card Alignment is set to "Centered", the splash image does not fully cover the viewport on the invite/registration page. A strip of the underlying brand-primary background remains visible on the left side of the screen. This is not related to the image resolution. The issue also occurs with high-resolution / 4K images. Changing the Splash Card Alignment from "Centered" to "Right" makes the background image cover the viewport correctly. However, this also moves the invite/registration card to the right side of the screen. As a result, there currently seems to be no way to have both:
  • a correctly full-screen invite splash background
  • and the invite card centered on the screen
Expected behaviour: With Splash Card Alignment set to "Centered", the invite card should remain centered and the splash image should still fully cover the viewport without exposing the underlying brand-primary background.

Reproduction steps

  1. Create or open a community with a custom invite splash image.
  2. Set the community's Splash Card Alignment to "Centered".
  3. Create an invite link for the community.
  4. Open the invite link while logged out, preferably in a desktop browser/incognito window.
  5. Observe that the splash image does not fully cover the viewport and the underlying brand-primary background is visible as a strip on the left.
  6. Change the community's Splash Card Alignment to "Right".
  7. Reload the invite link.
  8. Observe that the splash image now covers the viewport correctly, but the invite/registration card is moved to the right side instead of remaining centered.

Build information

Stable Web 2026.1003.2520, Linux (x64), Firefox 157.0, Locale en-US

Platform

Web, Self-hosting

Evidence

Screenshot 1: Splash Card Alignment = Centered The invite card is correctly centered, but the splash image does not cover the full viewport. The underlying brand-primary background is visible on the left side. image Screenshot 2: Splash Card Alignment = Right The splash image now covers the viewport correctly, but the invite card is also moved to the right. image The same splash image is used in both screenshots. Changing only the Splash Card Alignment changes the behaviour. Potentially relevant implementation detail: The centered splash alignment appears to use a centered transform origin while the splash container itself is anchored to the right side of the viewport. This may explain why the centered alignment leaves part of the background uncovered, while right alignment fills the viewport correctly.
  • 665176911-da2c8220-ff28-4d32-be94-140638febee7.png

    665176911-da2c8220-ff28-4d32-be94-140638febee7.png

    2554×1281 | 2.2 MB

  • 665176976-bf83e3ea-d002-45a0-b29a-d2a2bdbb7963.png

    665176976-bf83e3ea-d002-45a0-b29a-d2a2bdbb7963.png

    2554×1281 | 2.4 MB

Comments

Sign in with Fluxer to comment and vote.

No comments yet.