Bug report
An occurrence can be deleted from the "x" button in the event's top right corner, but when it is edited a "Delete" button is not displayed in the editor.
Reproduction of the problem
Reproducible in the demos and also with editRecurringMode: "occurrence" (dojo example).
Current behavior
Delete button is not displayed.
Expected/desired behavior
Delete button is displayed.
Environment
- Kendo UI version: 2019.3.917
- jQuery version: x.y
- Browser: [all]
Hi,
I'm experiencing a bug with the kendo grid. In my project I have a rather complicated website where a kendo grid is loaded depending an multiple criteria which can be chosen by the user through dropdowns and multiselects. Luckily, I could break it down to a simple test website and the bug still is bugging around ;)
Description: Depending on the criteria chosen, the grid loads different data which reach from zero to thousands of data rows. In my example here, it's either zero or 100 data rows (depending on the dropdown, if there is either "Empty" or "Not empty" selected). The grid loads its data if you press the button ok (by calling the Load action on the server). The result is meant to be limited to paging of 25 rows (no user choice wanted)!
Heres the code for the cshtml site:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div id="content">
<div>
@(Html.Kendo().DropDownList()
.Name("test_selector")
.DataTextField("Display")
.DataValueField("Value")
.BindTo(new List<DropDownVM>() {
new DropDownVM() {
Display = "Empty",
Value = "empty"
},
new DropDownVM() {
Display = "Not empty",
Value = "notEmpty"
}
})
)
</div>
<div>
@(Html.Kendo().Grid<MyProject.ViewModels.Test.TestItem>()
.Name("grid_Test")
.Columns(columns =>
{
columns.Bound(x => x.TestId).Title("TestId").Width(75);
columns.Bound(x => x.TestName).Title("TestName").Width(75);
})
.Sortable()
.Pageable()
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(25)
.Read(read => read.Action("Load", "Test").Data("GetSelectorData"))
)
.AutoBind(false) //Do not load Grid data initially
)
</div>
<div>
@Html.Kendo().Button().Name("Load").Content("Load")
</div>
</div>
<script type="text/javascript">
$("#Load").on("click", function (e) {
var grid = $("#grid_Test");
grid.data("kendoGrid").dataSource.read();
});
function GetSelectorData() {
var selectorData = {
type: $('#test_selector').data("kendoDropDownList").value()
}
return selectorData;
}
</script>
</body>
</html>And the corresponding controller:
public class TestController : BaseController
{
public ActionResult Index()
{
return View();
}
public ActionResult Load([DataSourceRequest] DataSourceRequest request, string type)
{
List<TestItem> result = new List<TestItem>();
if (type == "notEmpty")
{
for (int id = 1; id <= 100; id++)
result.Add(CreateTestItem(id));
}
request.PageSize = 25;
return Json(result.ToDataSourceResult(request));
}
private TestItem CreateTestItem(int id)
{
TestItem result = new TestItem()
{
TestId = id,
TestName = "Name" + id
};
return result;
}
}Problem: The scenario described above works actually fine as long as the
grid gets at least one data row delivered as DataSourceResult (i.e., result.Count > 0 in the Load method of the controller). The request object in the
controller's Load method also shows request.PageSize to be configured to 25. Also, if I choose "Empty" from the dropdown and press the Load-button, the request in the controller will show PageSize = 25. But if I switch the selector to "Not empty" afterwards and press Load, the request will show PageSize = 0! This results in the grid not being paged at all and showing all results on a single page (which leads to serious connectivity problems in my productive project as soon as there are several thousands of data rows).
I tried a quick workaround in the Load method of the controller by setting the PageSize manually back to 25 (which is not wanted of course, but would actually work for me at the moment):
public ActionResult Load([DataSourceRequest] DataSourceRequest request, string type)
{
List<TestItem> result = new List<TestItem>();
if (type == "notEmpty")
{
for (int id = 1; id <= 100; id++)
result.Add(CreateTestItem(id));
}
request.PageSize = 25;
return Json(result.ToDataSourceResult(request));
}Unfortunately, this doesn't work either. The paging will be back on again and there will be only 25 data rows loaded in the grid but there is only one single page no matter how many data rows are loaded (see attached screenshot).
Do you know about this? Unfortunately I couldn't find any help for this problem so far.
Greetings!
- Regression report
Introduced in 2019.2.514.
Current behavior
margin-left causes selected items on second + rows in the MultiSelect to appear unaligned to the items in the first row.
Expected behavior
Reproduction
Dojo example.
What is the motivation or use case for changing the behavior?
Regression
Environment
- Kendo Ui for jQuery
Browser:
- Chrome (desktop) version XX
- Firefox version XX
- Edge version XX
Bug report
Regression introduced in R2 2018.
Reproduction of the problem
The mobile mode of the Scheduler must be turned off.
Reproducible in the demos.
- Tap, hold and try to move an event
Current behavior
The moveStart event does not fire and the event cannot be moved.
Expected/desired behavior
The moveStart event fires and the event can be moved.
Environment
- Kendo UI version: 2019.3.917
- jQuery version: x.y
- Browser: [Android]
Hello,
On MAC, command+c cut instead of copy when selected texts are in a table. To duplicate, please follow these steps.
1. Go here: https://demos.telerik.com/aspnet-mvc/editor
2. Insert a new table.
3. Add some text into the table.
4. Select texts in the table.
5. Press command+c on MAC.
Please advise.
Thank you.
When data for the MultiSelect widget is virtualized and mapValueTo: "dataItem" option is set, the widget returns incorrect dataItem on subsequent selection.
1. Select Order 3 and submit selection. Alert displays the selected Id 3
2. Clear selection and submit. Alert displays no data.
3. Select Order 131313 and submit selection. Alert displays the selected Id 131313
4. Clear selection and submit. Alert displays no data.
5. Select Order 24242 and submit selection. Alert displays the selected Id 131313
Bug report
Regression introduced in R3 2019.
Reproduction of the problem
Open this Spreadsheet demo. Even though the Toolbar configuration is set to false, it is not hidden. This applies only for ASP.Net Core and ASP.Net MVC.
Current behavior
The Toolbar is visible when set to false.
Expected/desired behavior
The Toolbar should be hidden.
Environment
- Kendo UI version: 2019.3.917
- Browser: [all]
Bug report
The input field of the Combobox is being shifted when a "position: absolute" style is set on its initial element.
Reproduction of the problem
- Open this Dojo example
- Run it and see the floating "Rib Knit" text which is the input field of the Combobox
Current behavior
The input field of the Combobox is shifted when "position: absolute" style is set on its initial element.
Expected/desired behavior
When setting "position: absolute" style on ComboBox initial element the whole component should be shifted according to the set "top, bottom, left, right" parameters.
A possible workaround that could be applied in the above linked Dojo is the following one:
$("#comboboxA").getKendoComboBox().input.css("position", "static");
Here is the modified Dojo with correctly working Combobox with "position: absolute" style is set on its initial element.
Environment
- Kendo UI version: 2019.3.917
- jQuery version: x.y
- Browser: [all]
Hi,
I have developed an application where I am displaying records in kendo Gantt chart, Initially I want to display only title and give user the option to select start & end date. This means that I need to pass null value for start & end date, but I could not find the option. Could you please help me with it.
Also I want to add validations for start date & end date i.e. if user does not enter start & end date an alert should be displayed specifying user to add dates.
Please let m know whether its possible or not & if possible how should I go ahead with it.
Bug report
When we want to add a formula in a given cell in the Spreadsheet, we double-click it and enter the "=" in it as an identifier that a formula definition will follow. If we want to include in the formula a cell that is not inside the visible range of the Spreadsheet, we scroll to that cell and select it. In Internet Explorer, if we scroll to a given cell using the arrows of the Spreadsheet's scrollbar the "double-clicked" cell becomes just a selected one and the "=" sign is converted to a string value.
Reproduction of the problem
- Open this Dojo example in Internet Explorer 11
- Select the A1 cell and enter "=" in it.
- Press the "down" direction arrow of the Spreadsheet trying to reach cell A50.
- With the first click on the arrow, the A1 cell is no more "double-clicked" and the "=" inside it is converted to a string
Current behavior
When building a formula in a given cell and trying to navigate to a cell using the scrollbar, this usage stops the formula building and converts the "=" into a string.
Expected/desired behavior
When a user creates a formula for a given cell, they should be able to navigate through the Spreadsheet using its scrollbars.
Environment
- Kendo UI version: 2019.2.619
- jQuery version: x.y
- Browser: IE 11.950.17134.0
Bug report
The toolbar.click is not serialized correctly when a custom button is added to the ToolBar of the widget. Thus, the click event is not being executed.
Reproduction of the problem
@(Html.Kendo().PDFViewer()
.Name("test")
.PdfjsProcessing(pdf => pdf.File(""))
.Toolbar(t => t.Items(i =>
{
i.Add().Name("Open").Id("Open").Command("OpenCommand").Type("button").Icon("folder-open");
i.Add().Name("Print").Id("Print").Type("button").Icon("print").Click("onPrintClick");
}))
.Height(500)
)
<script>
function onPrintClick(e) {
alert(e);
}
</script>Current behavior
toolbar is not serialized correctly.
Expected/desired behavior
toolbar.click should be serialized correctly.
Environment
- Kendo UI version: 2019.2.516
- Browser: [all]
I have a dialog defined but the "mydialog-control" CSS class never gets added to the dialog when it's rendered. Why is that happening?
@(Html.Kendo().Dialog() .Name("SalesTypeWarning") .Title("Warning") .Content(warningTextContent) .Modal(true) .Closable(false) .Visible(false) .Width(600) .HtmlAttributes(new { @class = "mydialog-control"}) .Actions(act => { act.Add().Text("Continue").Primary(true).Action("allowSalesTypeChange"); act.Add().Text("Cancel Change").Action("cancelClicked"); }) .Deferred(true))
Kendo Version - Kendo MVC 2019.2.619
My values appear in the previous option item.
Drop Down List name and values:
- Name = "Select From"
- ID = ""
- Name = "ABCHERG"
- ID = "ABCHERG"
I have one item and a "Select from" option (see data above) in my list
I select "ABCHERG" from my drop down list and the value that's returned is blank.
If I select the "Select From" option the value returned is "ABCHERG"
1. Provide input that causes a validation error message to appear
2. Correct the error with new input, do not blur the final field
3. Click save.
4. Instead of validating the data and submitting, only validation occurs
Bug report
Class k-state-focused is not removed from DropDownlist on blur, if its filter input was clicked.
Reproduction of the problem
- Use Events demo
- Click on DropDownList to expand its dropdown.
- Click on DropDownList's filter input.
- Click on demo's title to blur the DropDownList
Current behavior
DropDownList appears focused as k-state-focus class is not removed from its span
<span unselectable="on" class="k-dropdown-wrap k-state-default k-state-focused">
Expected/desired behavior
DropDownList does not appear focused.
Environment
- Kendo UI version: 2019.2.619
- Browser: all
Hi,
For example:
- Go to: https://demos.telerik.com/aspnet-mvc/numerictextbox
- Click on "Events" in left menu.
- Click on back button in browser.
- The fields are now empty.
Tried with Firefox 67 for Mac.
I have discovered a bug in Kendo UI that seems to only affect IE11.
When you create a Window with a position and width that renders partially off screen, IE11 will scroll the body to show as much of the window as possible.
Worse still, it seems to scroll to the last Kendo Window that was created.
This is undesirable. Is there a known workaround, or fix for this?
You can see it in this dojo if you shrink IE11 to be smaller than the window is wide:
https://dojo.telerik.com/iBiFatAT
See attached.
Thanks,
Julius
Bug report
Reproducible in Chrome and IE11. In Firefox highlighting a row and applying formatting (bold) applies it only to the first cell on the row.
Reproduction of the problem
- Copy/paste a table from Excel into the Editor.
- Highlight the first row and use the Bold tool.
- Inspect the table Html.
Current behavior
strong tags are added under the tr element
Expected/desired behavior
strong tags are added only under the td elements.
Environment
- Kendo UI version: 2019.2.514
- jQuery version: x.y
- Browser: [Chrome, IE]
Bug report
ComboBox with filtering option set to "contains".
Search for the last element in ComboBox dropdown and select it. Delete the selected item with mouse selection and "Delete" button. The dropdown will open again. Select the first element in the dropdown. It will close and no data will be selected. If we repeat the scenario and instead of selecting the first element, we select another one, everything is working properly.
This is regression introduced in 2018 R1 SP1
Reproduction of the problem
- Open this Dojo and run it
- Select the ComboBox and enter "rib", then select "Rib Knit"
- Unfocus the ComboBox and then focus it again
- Using the mouse select the "Rib Knit" text and delete it. The dropdown of the ComboBox will open.
- Select the first element "Cotton".
- The dropdown closes and no item is selected
Current behavior
Please check this demo video.
Expected/desired behavior
Please check this demo video
Environment
- Kendo UI version: 2019.2.514
- jQuery version: x.y
- Browser: [all]