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

Kendo Angular Tabstrip - Tab alignment does not work #2957

Closed
JoomFX opened this issue Nov 11, 2021 · 0 comments · Fixed by #2967
Closed

Kendo Angular Tabstrip - Tab alignment does not work #2957

JoomFX opened this issue Nov 11, 2021 · 0 comments · Fixed by #2967
Assignees
Labels
Bug Something isn't working C:Tabstrip FW:Angular Issue related to kendo-angular
Projects
Milestone

Comments

@JoomFX
Copy link
Contributor

JoomFX commented Nov 11, 2021

Describe the bug
With the new Tabstrip rendering (implemented because of the scrollable tabs) the Tab alignment functionality no longer works. It can be fixed by adding width: 100%; (for the horizontal tabs) or height: 100%; (for the vertical tabs) to the .k-tabstrip-items element.

The Tab alignment functionality seems to be available in Kendo Angular only and is implemented by adding inline styles.
It will be better if the inline styles are replaced by our flex utility classes so we can keep the universal rendering even if/when the other Kendo flavors implement this functionality.

To reproduce
Steps to reproduce the behavior:

  1. Go to the Tab Alignment demo.
  2. Try to change the Tab alignment

Expected behavior
The tab alignment functionality should work.

Screenshots
N/A

Affected package (please remove the unneeded items)

  • theme-default
  • theme-bootstrap
  • theme-material

Affected suites (please remove the unneeded items)

  • Kendo UI for Angular

Affected browsers (please remove the unneeded items)

  • All

Build system information (please remove the unneeded items)

  • Not Applicable
@JoomFX JoomFX added Bug Something isn't working C:Tabstrip FW:Angular Issue related to kendo-angular labels Nov 11, 2021
@JoomFX JoomFX self-assigned this Nov 11, 2021
@JoomFX JoomFX added this to Needs triage in Bug hunt via automation Nov 11, 2021
JoomFX added a commit that referenced this issue Nov 17, 2021
@joneff joneff added this to the 2022.1 milestone Nov 23, 2021
Bug hunt automation moved this from Needs triage to Closed Nov 23, 2021
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:Tabstrip FW:Angular Issue related to kendo-angular
Projects
No open projects
Bug hunt
Closed
Development

Successfully merging a pull request may close this issue.

2 participants