1. Feedback
  2. Blazor
  3. 47090

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Icon Alignment Issue in Multiselect Component with 'e-small' and 'e-bigger' CSS Classes

Case 1

When using CssClass as e-small, e-bigger and e-bigger e-small the multiselect component, the icon is not aligned center only in bootstrap4 theme.

Playground Sample: https://blazorplayground.syncfusion.com/BZVKtOrNfzPHBROo

Local Sample :  https://www.syncfusion.com/downloads/support/common/5303/ze/Multiselect_Misaligned_5bf1eccb.zip

 

Note: In dropdownlist the icon is aligned centre, kindly check the above image

Replication Procedure:

  1. Run the sample.
  2. Look at the dropdown icon and also check with hovering icon

Expected: Icon should align properly(align centre)

Actual: Icon is not aligned centre.



Case 2: 

dropdownlist icon and multiselect icons are different in bootstrap4 theme

Sample: https://blazorplayground.syncfusion.com/rXBqXOBtJRdJNEYH



Replication Procedure:

  1. Run the sample.
  2. You can see the issue in bootstrap4

Expected: dropdownlist icon and multiselect icons should be same

Actual:  dropdownlist icon and multiselect icons are different in bootstrap4