Skip to content

[6.x] More elegantly mask horizontal overflow for sets - #14753

Merged
jaygeorge merged 2 commits into
6.xfrom
improve-set-name-masking
Jun 1, 2026
Merged

[6.x] More elegantly mask horizontal overflow for sets#14753
jaygeorge merged 2 commits into
6.xfrom
improve-set-name-masking

Conversation

@jaygeorge

Copy link
Copy Markdown
Contributor

Description of the Problem

This is really a tiny indulgent "UI polish" PR, rather than a "problem to be solved".
#14746 added an overflow mask for longer set header names, which works well.
However, the scroll bar was also "masked" at the end, which is a bit like pulling back the curtain to see the Wizard of Oz pulling levers.

What this PR Does

  • Enhances the overflow with a tiny scroll-driven animation to remove the mask when we reach the end, so that the scrollbar does not get caught up in the mask
  • Turns this into an editable utility in case we want to use it elsewhere

Before

The scrollbar is also clipped by the mask

2026-06-01 at 11 41 24@2x

After

The mask is still in place, but doesn't affect the scrollbar

2026-06-01 at 11 38 13@2x

How to Reproduce

  1. Add a set with a long name
  2. Open Live Preview, or view the replicator handle in a small space

@jaygeorge
jaygeorge merged commit bc3afd0 into 6.x Jun 1, 2026
19 checks passed
@jaygeorge
jaygeorge deleted the improve-set-name-masking branch June 1, 2026 11:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant