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.

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

Calendar: Fix items scroll in view to ensure borders remain visible #833

Merged
merged 6 commits into from
Feb 17, 2025

Conversation

ivelinmegdanov
Copy link
Contributor

@ivelinmegdanov ivelinmegdanov commented Feb 13, 2025

This PR fixes an issue where calendar list items were partially hidden when scrolled into view. The issue was caused by how some browsers handles scrollIntoView({ block: 'start' }), which sometimes ignores borders and padding.

Used scroll margin/padding block at the start

Closes Issue #372

@ivelinmegdanov ivelinmegdanov added the bug Something isn't working label Feb 13, 2025
@ivelinmegdanov ivelinmegdanov added this to the v5.0.0-beta.19 milestone Feb 13, 2025
@ivelinmegdanov ivelinmegdanov self-assigned this Feb 13, 2025
Copy link
Member

@kKaskak kKaskak left a comment

Choose a reason for hiding this comment

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

instead use scroll-margin-block-start combined with scroll-padding-block-start

kKaskak
kKaskak previously approved these changes Feb 17, 2025
@kKaskak kKaskak changed the title Fix: Ensure calendar items scroll correctly and borders remain visible Calendar: Fix items scroll in view to ensure borders remain visible Feb 17, 2025
@tymmesyde tymmesyde merged commit 0459676 into development Feb 17, 2025
2 checks passed
@elpiel elpiel deleted the fix/calendar-scroll-position branch February 18, 2025 14:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants