Skip to content

[6.x] Fix relationship selector footer not sticking to bottom of stack#14569

Merged
jasonvarga merged 1 commit into6.xfrom
relationship-selector-footer
Apr 29, 2026
Merged

[6.x] Fix relationship selector footer not sticking to bottom of stack#14569
jasonvarga merged 1 commit into6.xfrom
relationship-selector-footer

Conversation

@duncanmcclean
Copy link
Copy Markdown
Member

@duncanmcclean duncanmcclean commented Apr 29, 2026

This pull request fixes an issue where the relationship selector's footer bar (with the Select/Cancel buttons) was not fixed to the bottom of the stack, causing it to be pushed off-screen when the listing content was tall.

This was happening because the Listings refactor (#11868) replaced the old <data-list> component with the new <Listing> component, whose root <div> doesn't have any flex properties. This meant the listing content could grow unbounded within the flex column layout, pushing the footer below the viewport.

This PR fixes it by adding flex flex-1 flex-col min-h-0 to the <Listing> component so it participates in the flex layout and constrains its height, and shrink-0 to the footer so it never gets compressed.

Before

CleanShot 2026-04-29 at 10 41 40

After

CleanShot 2026-04-29 at 10 41 22

Fixes #14568

@jasonvarga jasonvarga merged commit 25ccef8 into 6.x Apr 29, 2026
19 checks passed
@jasonvarga jasonvarga deleted the relationship-selector-footer branch April 29, 2026 13:23
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.

Entries field stack bar should be tied to the bottom

2 participants