Skip to content

Conversation

@jouni
Copy link
Member

@jouni jouni commented Nov 4, 2025

Add support for setting padding on scroller and virtual-list components while still keeping the overflow indicators visually in correct locations.

@jouni jouni requested a review from web-padawan November 4, 2025 13:25
@jouni jouni mentioned this pull request Nov 4, 2025
34 tasks
@jouni jouni force-pushed the refactor/overflow-indicators branch 2 times, most recently from 9673c03 to 0e96229 Compare November 5, 2025 13:21
@jouni jouni force-pushed the refactor/overflow-indicators branch from 0e96229 to e6776af Compare November 5, 2025 15:49
flex: 1;
align-self: stretch;
box-sizing: border-box;
padding: 0 !important;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just to double check, do we need to enforce !important here to avoid messing up calculations?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, that was the thinking. I went back and forth with this, and perhaps we should do it, and only document that if you use the standard padding property on the host it’ll break the overflow indicators.

Comment on lines +12 to +13
--vaadin-virtual-list-padding-block: 0px;
--vaadin-virtual-list-padding-inline: 0px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are these supposed to be used by Aura? Also, should we document them in the JSDoc API?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think themes would set those by default. They are intended more for app devs if they want to apply padding to the scroll containers. But regardless, they should be documented, yes.

@sonarqubecloud
Copy link

sonarqubecloud bot commented Nov 6, 2025

@web-padawan web-padawan merged commit 706beca into main Nov 6, 2025
11 of 12 checks passed
@web-padawan web-padawan deleted the refactor/overflow-indicators branch November 6, 2025 11:17
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.

3 participants