Skip to content

Toolbar overflow #5509

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

Open
wants to merge 3 commits into
base: develop
Choose a base branch
from
Open

Toolbar overflow #5509

wants to merge 3 commits into from

Conversation

inikolova
Copy link
Contributor

Closes #5507

Related to: #5441

@inikolova inikolova requested a review from Copilot July 8, 2025 11:34
@inikolova inikolova self-assigned this Jul 8, 2025
@inikolova inikolova requested a review from a team as a code owner July 8, 2025 11:34
@inikolova inikolova added Bug Something isn't working C: Toolbar labels Jul 8, 2025
Copy link

github-actions bot commented Jul 8, 2025

Packages Report

core default classic bootstrap material fluent utils
Size 29.15 KB (0.0%) 781.50 KB (0.1%🔼) 781.52 KB (0.1%🔼) 793.58 KB (0.1%🔼) 927.06 KB (0.1%🔼) 1152.83 KB (0.1%🔼) 625.19 KB (0.0%)
Gzip Size 4.85 KB (0.0%) 100.96 KB (0.0%🔼) 101.23 KB (0.0%🔼) 103.30 KB (0.0%🔼) 114.33 KB (0.0%🔼) 136.44 KB (0.1%🔼) 52.16 KB (0.0%)
Compile Time 1 s (0.0%) 3 s (0.0%) 3 s (0.0%) 3 s (0.0%) 3 s (0.0%) 4 s (0.0%) 3 s (0.0%)

Copy link

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

Adds comprehensive support for scrollable toolbar layouts with badge containers by introducing new tests and updating styling.

  • Introduces new HTML and TSX tests for scrollable toolbar across small, medium, and large sizes.
  • Removes outdated badge-in-scrollable tests and related imports from the main toolbar tests.
  • Updates Fluent and Core SCSS to apply consistent padding and margin for .k-toolbar-items-scroll.

Reviewed Changes

Copilot reviewed 6 out of 16 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
tests/toolbar/toolbar-scrollable-components.html New static HTML tests covering scrollable toolbar scenarios.
tests/toolbar/toolbar-components.html Removed legacy scrollable badge tests.
packages/html/src/toolbar/tests/toolbar-scrollable-components.tsx Added dynamic TSX tests for scrollable toolbar across sizes.
packages/html/src/toolbar/tests/toolbar-components.tsx Removed ToolbarScrollable import and associated test section.
packages/fluent/scss/toolbar/_layout.scss Added size-specific padding/margin rules for .k-toolbar-items-scroll.
packages/core/scss/components/toolbar/_layout.scss Mirror updates: padding/margin adjustments for scrollable items.

@inikolova inikolova added this to the 2025 Q3 (Aug) milestone Jul 9, 2025
Copy link
Contributor

@epetrow epetrow left a comment

Choose a reason for hiding this comment

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

It looks like there is a scenario where the issue is still present, for example:

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working C: Toolbar
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[ToolBar]Focus indicator of the toolbar searchbox looks cropped
3 participants