Currently, ComboBox generates a UUID and uses it as the input tag's id property (e.g. <input id="2e048165-6468-46c0-ba39-c47b12c7fcf2" />).
As a developer, I want to be able to set my own custom id so that I can set my own label tag as a sibling to the ComboBox component.
For example, I would like this to be possible:
<label for="hello">Hello World</label>
<ComboBox id="hello" />
There is a label prop offered on ComboBox which works fine but it does not let me specify the label tag with custom class names, styling, etc.
This new id prop should be optional and ComboBox can keep using the same technique it does when no id prop is passed to it.
The Switch layout is misaligned on IE 11.
This is reproducible in our demos as well.
GitHub issue: https://github.com/telerik/kendo-react/issues/220
AutoComplete component name attribute is not set.
GitHub item: https://github.com/telerik/kendo-react/issues/221
Workaround: https://stackblitz.com/edit/react-dawzkj?file=app/main.js
DropDownList and MulstiSelect do not open on click(IE 11).
They do open sometimes, but it seems random.
They do open when using the keyboard.
When rendering an AutoComplete, I get the following warning:
Warning: Failed prop type: Invalid prop `children` supplied to `Popup`.
in Popup (created by ListContainer)
in ListContainer (created by AutoComplete)
in span (created by AutoComplete)
in AutoComplete
I have tried this in the simple case below:
ReactDOM.render(<AutoComplete
className="form-control"
required={true}
validationMessage="Location Required." />,
document.getElementById('root'));
I am using the ComboBox component in IE11. When the control has a value, the clear button covers the select arrow at the right of the control. This occurs because IE11 does not allow nested calc() calls in the CSS width property, e.g.
.k-dropdown-wrap .k-clear-value {
right: calc(calc( 0.75rem + 17px) + 6.5px);
}
Removing the inner calc() works well enough:
.k-dropdown-wrap .k-clear-value {
right: calc(( 0.75rem + 17px) + 6.5px);
}
Unfortunately, this rule seems to originate from a CSS function call to which I do not have access. Is it possible to remove the inner calc()?
When using the DialogActionBar, its flex CSS property is flex:1 0 0. For some reason, this is not a valid value in IE11, and I need to specify the flex values explicitly:
.k-dialog-button-layout-stretched .k-button {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0px;
}
Can this be added to the original stylesheet so it works out of the box?
It would be really useful to have the expandField Grid property being a function that dynamic (per row) return the attribute or null if the row cannot be expanded altogether.
The reason is that, not all rows are expandable in some situations but we currently cannot hide the toggle detail row (+) per row...
The tooltip display position of KendoReact Chart is incorrect
See the code.thank you
https://stackblitz.com/edit/react-vu1ffd?file=app/main.jsx
KendoReact Editor not working in NextJS application.
This is the error:
ReferenceError: navigator is not defined.
The error can be reproduced in our NextJS application as well when adding the Editor component.
The error may occur due to this line:
const firefox = /Firefox/.test(navigator.userAgent);
i am using KendoReact Drawdom version 1.5.12
I have some input elements for uploading images, and showing the a preview of uploaded image.
I want to export a PDF version of the form, but drawDom.cloneNodes() throws an exception when handling input elements of type file. that is because these type of input elements can not have value attribute.
On your Grid Demos: When ever you try to edit a text cell the cursor always goes to the end of the text box
For example, go to your demo:
https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-inline/
- Edit the first row. Try to type something before "Chai" - the cursor will jump to the end of the textbox
Hi
Please add SignalR support for grid and other controls similar to Kendo UI for jQuery.
Thank you
Hello,
We need to create a DateTime Picker with max and min limit on Date and also Time.
Currently, the range works as of 22/09/2019 5:30 AM to 21/09/2020 5:30 PM, where complete 24 hrs is been selectable.
We need the time range to be restricted per day. For instance, in the above example, it should be 5:30 AM to 5:30 PM per day from 22/09/2019 till 22/09/2020.
Thanks in advance.
Hello,
I would like to request the support of the search panel within the grid component same as in ASP.NET Core UI (https://demos.telerik.com/aspnet-core/grid/search-panel)
Thank you