I have one column that contains mix of boolean and string values. When I attempt to apply a filter function to that column, it generates an error for the boolean value true because indexOf cannot be performed on a boolean. When I have other formats along with strings and I use filter="text", I would like the value to be converted to string in the filter function rather than modifying the data on my end before calling the filter function, because that would actually be incorrect data.

Example

https://www.telerik.com/kendo-react-ui/components/grid/filtering/

If I change

<Column field="Discontinued" width="190px" filter="boolean" /> 

to

<Column field="Discontinued" width="190px" />

and then search for anything in that filter it throws error.

Maybe if you make the `filter="text"` always convert the all the values to string values that would help resolve the error

Add NavigationPane to the PdfViewer similar to the one available in the PdfViewer from the Telerik UI for WPF suit:

https://docs.telerik.com/devtools/wpf/controls/radpdfviewer/default-ui 

Title basically says it all. Issue can be easily observed in the basic Multiselect with virtualization example:

1. Open the dropdown
2. Scroll to the bottom end
3. Close the dropdown
4. Open it again - popup's scroll position is incorrect and therefore shows blank.

What seems strange is that I cannot reproduce this issue with the combobox virtualization, although I found a somewhat similar bug submitted for the combobox - https://github.com/telerik/kendo-react/issues/1450 

Environment (OS, Application, Versions)

Repro Steps

1. Open URL: Column Menu - Kendo React (telerik.com)
2. Navigate to context menu controls available on column headers of Basic usage table.
3. Verify if context menu is accessible using keyboard.

Actual Results

The 'context menu' controls available on the column headers under the basic usage table are not accessible using the keyboard.

Expected Results

The 'context menu' controls available on the column headers under the basic usage table should be accessible using the keyboard.

Hii,

We've certain background activities happening in our web app based on types, and we want to acknowledge user that these activities are completed. so for that we need to group all that same category notifications into one notification and on that notification, we'll have one view all button, so if you click on that it will open all those notifications for that category and also, we can close that as well from there.

right now, we've used standalone single notification to prompt user but since now we want groupable notification, can you provide working example that how can we achieve this using Kendo Notifications. I've attaching sample design so you can get it better.

first image depicts one notification that combines all notifications that falls under it and second is expanding state when you can click on view All.

As per the subject, you can no longer use the Calendar to select a date in a month before the currently selected Date. Please see the following demo:

https://stackblitz.com/edit/react-xc2oxm-wgsfhy?file=app%2Fmain.tsx

Steps to reproduce:

• Click on the Calendar button
• Click on any month before the currently selected month
• Click on any date in the month
• Observe that the day is changed correctly but the month is incorrectly incremented by one

This error is not observed if you:

• type in a date
• use the mousewheel to scroll to the earlier date instead of clicking on the month
• use Firefox instead of Chrome

We aren't certain but don't believe this error was present before the latest Chrome 113 update. The error is reproducible in all versions of KendoReact from 5.2.0 onwards.

At the moment, in order to see the suggestion list display you need to enter at least one-character prefix. It would be useful to have an API property that would allow passing an integer value to configure the length which would make the list appear. For example, if you set the value to 3, you would get no suggestions until you entered a three-character prefix. On the other hand, if the value was set to 0, a click on the selector would be enough to see all of them.

Best regards

Wojciech Wąs

In one of the latest versions of Flat Color Picker "format" property has been added to enable customizing the default input field that is presented to users, before it was always RGB. However, I found that the value that appears as an argument in "onChange" method is still RGB, no matter which format has been chosen.

For example:

const [color, setColor] = useState("000000");

const setColorFromPicker = useCallback(
  (event: FlatColorPickerChangeEvent) => console.log(event.value),
  [],
);

return (<FlatColorPicker
  value={color}
  format="hex"
  onChange={onChange}
/>

The value presented in the log will be "rgb(0, 0, 0, 0)" despite the format being set to "hex".

It would be very useful to have this configurable as well. I can see three possible solutions:

• make "format" property affect both the input and the output; that would make the scenario above produce "#000000" log;.
• create two separate properties, e.g. "inputFormat" and "outputFormat";
• include both values in the passed structure, so that e.g. I could use "event.value.hex" to get "#000000" and "event.value.rgb" to get "rgb(0, 0, 0, 0)"
  

Best regards

Wojciech Wąs

I would like to add two tables side by side in Telerik Editor two tables side-by-side like I would in google docs for ex:

Using a ComboBox with suggest=true, it will suggest values using a case-insensitive comparison; however, when tabbing out of the combobox, it will only select the suggested value if the value typed so far matches exactly.

Using the example from the KendoReact documentation, if I typed 'Aus' then it will suggest Austria, and if I tab out, Austria is selected. If I type 'aus' it will also suggest Austria, but when I tab out, nothing is selected.

Looking at ComboBox.tsx in the source code, it seems like this hard-coded true on line 471 is preventing this behavior:

const valueIndex = getItemIndexByText(data, text, textField, true);

Is there any way to make it select the suggested value on blur even if the cases don't match? Note that this is the default behavior of the Angular ComboBox.

Hi, 

I'm in need of the dropdown feature in spreadsheet cells. I had been using the Kendo Spreadsheet React Wrapper which had the dropdown feature but since the latest update to Kendo React Spreadsheet I have been facing issues. Please try to get this feature as soon as possible and I'm sure this will be helpful for other users, too.

Thank you.

Hi.

The Calendar component does not allow for selecting multiple dates or range selection. Only single selection of dates is possible.

As implemented in the MultiViewCalendar component, it should be possible out of the box to add a "mode" attribute and set it to "multiple" or "range". This would make the two components more consistent and aligned.

Thanks,

Regards,

Bernd

Hi,

I am in need of a min-map control like https://react-leaflet.js.org/docs/example-react-control/. And would like to make it using the existing control. There doesn't appear to be any examples of a similar usecase for Map control. (unsure how dynamically set the bounds, center or zoom of the Map control via other page controls, e.g zoom appears to be an init prop only)

Could someone write up a simple example for me please of an inset mini map for navigation like the react-leaflet example above? 

Thanks,

Allen