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

Large MultiSelect height changes when containing a Chip in Bootstrap #5113

Open
zhpenkov opened this issue Jul 17, 2024 · 0 comments
Open

Large MultiSelect height changes when containing a Chip in Bootstrap #5113

zhpenkov opened this issue Jul 17, 2024 · 0 comments
Labels
Bug Something isn't working C:Input C:Multiselect T:Bootstrap Kendo Theme Bootstrap

Comments

@zhpenkov
Copy link
Contributor

Describe the bug

The height of the Large MultiSelect in the Bootstrap theme varies depending on whether it has a Chip.
The empty MultiSelect has a height of 42px, and the one with Chip has 44px.

This results in a 'size jump' when an item is selected from the dropdown. This behavior only happens in the Large MultiSelect.

To reproduce
Steps to reproduce the behavior:

  1. Go to https://demos.telerik.com/kendo-ui/multiselect/appearance?autoRun=true&theme=bootstrap-main
  2. Configure the demo - Size: Large, Theme: Bootstrap
  3. Remove all Chips and check the height
  4. Add Chip and check the height

Expected behavior
The height of the MultiSelect should not change upon adding a Chip.

Screenshots
If applicable, add screenshots to help explain your problem.

Affected package (please remove the unneeded items)

  • theme-bootstrap

Affected suites (please remove the unneeded items)

  • Kendo UI for jQuery
  • Kendo UI for Angular
  • Kendo UI for React
  • Kendo UI for Vue
  • Telerik UI for Blazor

Affected browsers (please remove the unneeded items)

  • All

Build system information (please remove the unneeded items)

  • Not Applicable

Additional context

Add any other context about the bug.

Might relate to #4176, because complying with the twbs/bootstrap large sizes of the Button/Dropdown components resolves the problem.

@zhpenkov zhpenkov added Bug Something isn't working C:Multiselect T:Bootstrap Kendo Theme Bootstrap C:Input labels Jul 17, 2024
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:Input C:Multiselect T:Bootstrap Kendo Theme Bootstrap
Projects
None yet
Development

No branches or pull requests

1 participant