Listbox not rendered in Firefox correctly? Sizing?

[BitShift]

https://demos.telerik.com/aspnet-core/listbox/index

See attached screenshot

 

I'm using Firefox 70 64bit

 

 

[Tsvetomir]

Hi Randal,

Based on the provided information, I suspect that the issue is present only with the Bootstrap theme, is that correct? In general, for this specific theme, we do depend on the built-in widths and dimensions of the library. That is why the spacing of the buttons is greater compared to the appearance of the other themes.

The specific style that I refer to is the margin-top and the Bootstrap has set this to be 1rem. And the rem depends on the font-size of the root element of the page. It is possible for you to override this style as follows:

    <style>
      .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar li+li,
      .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li+li {
        margin-top: 5px;
      }
    </style>

I hope you find this helpful.

 

Best regards,
Tsvetomir
Progress Telerik

[BitShift]

Its not on something im working with, its in the demo on Telerik's website.  

[Tsvetomir]

Hi,

I can confirm that this behavior could be observed in our live demos of the ListBox with the Bootstrap theme applied. They are provided as-is, using the default values provided by the Bootstrap library.

If you would like to narrow down the spacing between the buttons, apply the CSS provided in my previous response.

 

Best regards,
Tsvetomir
Progress Telerik