Rumen Jekov
Team Member

Wrong placement (position) of RadContextMenu in Chrome 61

Problem:

With the latest version of Chrome 61 the context menu is not positioning correctly in the treeview. It only happens when the treeview is longer than the window height and there are scrollbars. The EnableScreenBoundaryDetection should be enabled too (it is enabled by default).

Reproduction: see this video for a repro https://www.screencast.com/t/Reehai09gMP. The problem does not happen in the Chrome versions prior 61.

Details and Resolution:

The context menu positioning problem is due to the following breaking change in Chrome 61 (see release notes at https://blog.chromium.org/2017/08/chrome-61-beta-javascript-modules.html):

To align with the spec and preserve browser consistency, the scrollingElement is now the documentElement in standards mode.
Chrome 61 has changed the behavior of document.scrollingElement to return document.documentElement instead of document.body to match the CSSOM View specification and this broke the positioning of the context menu when the EnableScreenBoundaryDetection is enabled.

Solution 1
Place the following override over the RadTreeView declaration:

<script>
Telerik.Web.UI.RadMenu._getViewPortSize = function () {
var viewPortSize = $telerik.getViewPortSize();

// The document scroll is not included in the viewport size
// calculation under FF/quirks and Edge.
var quirksMode = document.compatMode != "CSS1Compat";
if (($telerik.isFirefox && quirksMode) || Telerik.Web.Browser.edge) {
viewPortSize.height += document.body.scrollTop;
viewPortSize.width += document.body.scrollLeft;
}
else if (Telerik.Web.Browser.chrome) {
viewPortSize.height += Math.max(document.body.scrollTop, document.scrollingElement.scrollTop);
viewPortSize.width += Math.max(document.body.scrollLeft, document.scrollingElement.scrollLeft);
}

return viewPortSize;
};
</script>
<telerik:RadTreeView RenderMode="Lightweight" ID="RadTreeView2" runat="server">
<ContextMenus>
<telerik:RadTreeViewContextMenu ID="RadTreeViewContextMenu1"runat="server" RenderMode="Lightweight">
<Items>
...


Solution 2
Set EnableScreenBoundaryDetection to false. This will disable the screen boundary detection and some parts of the context menu could be rendered beneath the browser borders when there isn't enough space to be rendered on the visible screen. You will have to use the browser scrollbars to show the hidden part of the menu.

The issue is scheduled for fixing in R3 2017 SP1, the release date of which is not yet decided. Please use the provided solutions above until the SP1 goes out officially.
Bug Report by Rumen Jekov Status: Approved Comments: 1 Category: RadMenu Scheduled for: R3 2017 SP1 Last update: 2017-09-26T18:24:29 by Alexandre Liard
0
Ivan Danchev

RadClientExportManager does not export HTMLChart in multi-page export scenarios

At this point this is considered a limitation of the client-side PDF export: http://docs.telerik.com/devtools/aspnet-ajax/controls/clientexportmanager/troubleshooting/known-limitations
The issue stems from a regression bug in the underlying Kendo Drawing API: https://github.com/telerik/kendo-ui-core/issues/2750
Bug Report by Ivan Danchev Status: New Comments: 0 Category: RadClientExportManager Scheduled for: Not Scheduled Last update: 2017-09-25T10:50:00 by Marin Bratanov
0
Dimitar Goshev
Team Member

Unable to move focus away from RadMenu with tabindex="0", when Tab/Shift+Tab is pressed

There are two ways to avoid this:

- Define a tab order on the entire page so all necessary controls will have their TabIndex attribute set

- Remove the attribute from the menu with JS. Here follow a couple of examples. Using RenderMode="Lightweight" also may improve the situation if you do not use the NavigateUrl of the items, so <a> elements are not rendered.

= executes when the entire page has loaded
function removeMenuTabIndex() {
$telerik.$(".RadMenu[tabindex=0]").removeAttr("tabindex");
Sys.Application.remove_load(removeMenuTabIndex);
}
Sys.Application.add_load(removeMenuTabIndex);

= add just after the menu so it executes while the DOM is loading, perhaps this can facilitate screen reader compatibility

<telerik:RadMenu runat="server" ID="rm1" RenderMode="Lightweight">
<Items>
<telerik:RadMenuItem Text="first"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="second"></telerik:RadMenuItem>
</Items>
</telerik:RadMenu>
<script>
document.getElementById("<%=rm1.ClientID%>").removeAttribute("tabIndex");
</script>
Bug Report by Dimitar Goshev Status: Approved Comments: 1 Category: RadMenu Scheduled for: Not Scheduled Last update: 2017-09-25T09:29:06 by Marin Bratanov
0
Robert Warrilow

Multi Text Search on dropdown

Hello,

Here is how i bind the dropdown.

when i trype anything in dropdown it only search based on product code, but i also want search to perform on product code, Product name and wood type code.

Please let me know how can i achieve same.

<telerik:RadComboBoxDataSourceID="SqlDataSource1"DataTextField="ProductCode"DataValueField="idxProductPriceID"EnableAutomaticLoadOnDemand="True"ItemsPerRequest="10"ShowMoreResultsBox="true"EnableVirtualScrolling="true"AutoPostBack="true"OnSelectedIndexChanged="drpProduct_SelectedIndexChanged"EnableLoadOnDemand="true"EnableScreenBoundaryDetection="true"HighlightTemplatedItems="true"MarkFirstMatch="false"Filter="Contains"ID="drpProduct"DropDownAutoWidth="Enabled"Width="100px"runat="server"><HeaderTemplate><tablestyle="width: 100%"cellspacing="0"cellpadding="0"><tr><tdstyle="width: 20%;">Product Code
</td><tdstyle="width: 40%;">Product Name
</td><tdstyle="width: 40%;">Wood Type Code
</td></tr></table></HeaderTemplate><ItemTemplate><tablestyle="width: 100%"cellspacing="0"cellpadding="0"><tr><tdstyle="width: 20%;"><%#DataBinder.Eval(Container.DataItem, "ProductCode")%></td><tdstyle="width: 40%;"><%#DataBinder.Eval(Container.DataItem, "ProductName")%></td><tdstyle="width: 40%;"><%#DataBinder.Eval(Container.DataItem, "WoodTypeName")%></td></tr></table></ItemTemplate></telerik:RadComboBox><asp:SqlDataSourcerunat="server"ID="SqlDataSource1"ConnectionString="<%$ ConnectionStrings:Default %>"ProviderName="System.Data.SqlClient"SelectCommandType="StoredProcedure"SelectCommand="3_ProductList_Select"></asp:SqlDataSource>
Feature Request by Robert Warrilow Status: New Comments: 0 Category: New controls suggestions Scheduled for: Not Scheduled Last update: 2017-09-25T08:46:47 by Robert Warrilow
0
Nencho Nenchev
Team Member

Drag&Drop to Upload functionality of the RadAsyncUpload does not work in Edge browser.

The DragAndDrop functionality of the RadAsyncUpload under Edge, works properly if DropZones property of the control is set.
Bug Report by Nencho Nenchev Status: Completed Comments: 1 Category: RadAsyncUpload Scheduled for: Q1 2016 Last update: 2017-09-24T21:58:09 by Matt Smith
0
Marin Bratanov
Team Member

Scrolling on a mobile (touch) device is impossible with the Lightweight RenderMode when an HTML element takes up the entire grid row

It seems the element somehow considmes the scrolling/touch action and the grid does not scroll unless you hit the gap where the custom element does not reach.

A workaround is to enforce overflow: auto to the scrollable element of the grid. A sample is attached below.

div.rgDataDiv {
overflow: auto !important;
}

Bug Report by Marin Bratanov Status: Approved Comments: 0 Attachments: 1 Category: RadGrid Scheduled for: Not Scheduled Last update: 2017-09-22T13:25:23 by Marin Bratanov
0
Veselina Raykova
Team Member

Delete/Backspace button remains enabled in spell check mode

The Delete and Backspace buttons remain enabled in spell check mode, allowing the client to delete selections inside the Editor's content area.

Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/spellchecker/defaultcs.aspx
2. Click the Spell check icon
3. Select several words from the content and press Backspace/Delete

Result: The selected content is deleted
Expected: The Delete/Backspace button press is ignored
Bug Report by Veselina Raykova Status: Approved Comments: 0 Category: RadEditor Scheduled for: Not Scheduled Last update: 2017-09-21T13:39:05 by Veselina Raykova
0
Peter Milchev

DropDownTree adds the text of the uncheckable parent when checking a child element after a postback

Bug Report by Peter Milchev Status: Approved Comments: 0 Category: RadDropDownTree Scheduled for: Not Scheduled Last update: 2017-09-19T14:59:20 by Peter Milchev
0
Rumen Jekov
Team Member

Not localized commands in the Undo/Redo dropdown

The Bold, Italic, Underline, Justify, Indent, Outdent and other commands are not localized in the Undo/Redo dropdowns.

Screenshots:

https://www.screencast.com/t/YLNTiPP7LAk

https://www.screencast.com/t/DS9Y6GrB


Can be seen at http://demos.telerik.com/aspnet-ajax/editor/examples/localization/defaultcs.aspx.
Bug Report by Rumen Jekov Status: Approved Comments: 0 Category: RadEditor Scheduled for: Not Scheduled Last update: 2017-09-19T06:17:25 by Rumen Jekov
0
Marin Bratanov
Team Member

Whitespace or broken font icon on radio buttons when RenderMode=Classic and a RadControl with RenderMode=Lightweight is on the page

The issue manifests under IE and Firefox when you change the selected radio button. It stems from any other control with RenderMode=Lightweight that brings the font icons the lightweight mode brings.

Workarounds:
- use the same render mode for all the controls (for example, move the form decorator to RenderMode=Classic)
- OR, add the following CSS rule to your page to remove the font icon content from the radio buttons
.RadForm .rfdRadioUnchecked.p-i-radio:before,
.RadForm .rfdRadioUnchecked:before,
.RadForm .rfdRadioChecked.p-i-radiobutton:before,
.RadForm .rfdRadioChecked:before,
.RadForm .rfdCheckboxChecked:before,
.RadForm .rfdCheckboxUnchecked:before {
content: "";
}
Bug Report by Marin Bratanov Status: New Comments: 0 Category: RadFormDecorator Scheduled for: Not Scheduled Last update: 2017-09-18T11:18:09 by Marin Bratanov
0
Displaying items 1 - 10 of 4404