Hi,

Currently, we're facing a performance issue in react scheduler, when it has more grouping items(i.e. browser hangs indefinitely). I'm requesting the feature based on the below ticket

https://www.telerik.com/account/support-tickets/view-ticket/1513927

Description:

When the NumericTextBox is set to "c0" format and has a value of 0 ($0), it doesn't capture the first digit entered.

Reproduction Steps:

1. Set the field value to 0 ($0)
2. Hit "Tab" to blur the field
3. Hit "Shift-Tab" to focus the field (field contents will be highlighted)
4. Enter "123"
5. Repeat steps 2 through 4

Browser:

Chrome -- Version 89.0.4389.114 (Official Build) (64-bit)

Expected Behavior:

• After step 4, field shows "$123"
• After step 5, field shows "$123"

Observed Behavior:

• After step 4, the field shows "$230"
• After step 5, the field (correctly) shows "$123"

Notes:

• This bug seems to occur when the field has a value of 0 ($0) before gaining focus
• This doesn't occur when the specified format is "c2" or "n0"

Code Snippet:

<NumericTextBox format="c0" />

Hi Team,

We are trying to implement infinite scrolling for server data to our combobox based on virtual.

Do you have any event in combobox to handle on scroll.

Please help us with any examples you have on this topic. preferably using hooks.

I noticed that the value prop of the TextAreaChangeEvent is defined as string | number | string[].

When will this value be number or string[]?

Won't it always be string due to the fact that it's a text area input?

Hey

Small question: it is exists some approach to make Tabs in TabStrip reordable ?

Best

Serge

The KendoReact MaskedTextBox value cannot be cleared once a value is set. See this forum post for examples and a proposed workaround: https://www.telerik.com/forums/maskedtextbox-cannot-be-cleared

I would like for a user to be able to clear the MaskedTextBox value without having to code it as a special case in the onChange event handler. I believe this should be done by default as per the Kendo jQuery MaskedTextBox, but it could also be optional via a prop or clear button.

Despite having a similar intention (typing and selecting), the components MultiSelect and ComboBox look and behave quite differently:

• The ComboBox has a button on the right side and only opens when this button is clicked or when the user types in the input field.
• The MultiSelect has no such button but opens when clicking inside the input field.

It would be great if the MultiSelect component also has a button on the right and only opens when the button is clicked or when the user starts typing in the input field.

Hi,

I'm using the NumericTextBox to receive a value stored in a state, it has a percent "p3" format so it display numbers like this "0,000 %". When the state change, the value displayed in the NumericTextBox loses its format. If I click in the field and press space or any other key, the format comes back. The expected result was the NumericTextBox always keeping the format, what can be done in this situation?

NumericTextBox code

This is the textbox when I change the value direct in the field, it works fine

The state is shared between 2 NumericTextBox. if I change the value in the other textbox, it loses the format in this textbox

If I go in this textbox and just hit space, the format comes back

What can be done to keep the textbox format?

Thank you

The className prop on the ChipList component is ignored in version 3.18.0. A simple addition of class strings does not appear in the compiled product, e.g.

  return (
    <ChipList
      className='flex-layout --wrap --end'
      data={chipData}
      onDataChange={onDataChange}
      chip={props => (
        <Chip removable removeIcon='k-i-close' {...props} />
      )}
    />
  )

I've looked through the transpiled source in node_modules, and it seems the className property passed to the React.createElement() function totally ignores the prop class names.

Hi,

I am using Kendo react richtext editor and insert image plugin as it is shown in this page

https://www.telerik.com/kendo-react-ui/components/editor/images/

I am able to insert/upload image, but not able to resize image after adding it, similar to MS word.

After inserting image it should be resizable, so that user can easily resize the image as required.

Please let me know how can I achieve image resizing through mouse in above example.

Thanks
Vikram E

Defined a date rang. But it allows to enter a date larger than a max date of the range. Both via calendar and manually.

const minDate = new Date(1, 1, 1);
const maxDate = new Date(9999, 12, 31);

          return (
           
              <DatePicker value = {this.state.value}
                 
                  min={minDate}
                  max={maxDate}
                
              />