Unplanned
Last Updated: 15 Sep 2022 12:10 by ADMIN

I have enabled aria settings for the treeview control, but when I am trying to navigate via key board it announces some thing like  {level} {selected value/text} {checked/not checked} or {selected value/text} {checked/not checked} {level},

I don't want {checked/not checked}, to be announced.

Completed
Last Updated: 24 Jun 2022 13:18 by ADMIN
http://screencast.com/t/CySy2iAoiG4n
Completed
Last Updated: 22 Jun 2022 13:16 by ADMIN
Completed
Last Updated: 08 Jun 2021 13:24 by ADMIN
Release R2 2021 SP1
In Classic RenderMode, Windows7 skin, TreeView nodes are higher when inside ContentTemplate of RadPanelBarItem:



<div>
    wrong:
    <telerik:RadPanelBar RenderMode="Classic" Skin="Windows7" runat="server" ID="RadPanelBar1" Width="100%" Height="100%">
        <Items>
            <telerik:RadPanelItem Text="Custom" Expanded="true">
                <ContentTemplate>
                    <telerik:RadTreeView RenderMode="Classic" Skin="Windows7" ID="radTreeView" runat="server">
                        <Nodes>
                            <telerik:RadTreeNode  Text="Custom">
                                <Nodes>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode  Text="Custom">
                                <Nodes>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode  Text="Custom">
                                <Nodes>
                                </Nodes>
                            </telerik:RadTreeNode>
                        </Nodes>
                    </telerik:RadTreeView>
                </ContentTemplate>
            </telerik:RadPanelItem>
        </Items>
    </telerik:RadPanelBar>
</div>
<div>
        OK:
    <telerik:RadTreeView ID="radTreeView2" RenderMode="Classic" Skin="Windows7" runat="server">
        <Nodes>
            <telerik:RadTreeNode Text="Custom">
                <Nodes>
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode  Text="Custom">
                <Nodes>
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode  Text="Custom">
                <Nodes>
                </Nodes>
            </telerik:RadTreeNode>
        </Nodes>
    </telerik:RadTreeView>
</div>


Unplanned
Last Updated: 04 May 2020 09:28 by ADMIN

Reproduction:
Subscribe to Node Click event and set EnableDragAndDrop=true.

Temporary Workaround: Placing the following script below the ScriptManager:

 

var $ = $telerik.$,
$T = Telerik.Web.UI,
$J = Sys.Serialization.JavaScriptSerializer,
CLICK = $telerik.isTouchDevice ? "touchend" : "click",
MOUSEDOWN = $telerik.isTouchDevice ? "touchstart" : "mousedown",
MOUSEMOVE = $telerik.isTouchDevice ? "touchmove" : "mousemove",
MOUSEUP = $telerik.isTouchDevice ? "touchend" : "mouseup",
DOMActivate = "DOMActivate",
treeviewRegEx;

Telerik.Web.UI.RadTreeView.prototype._click = function (e) {
    if (this._eventMap.skipElement(e, "rtIn"))
        return;
    if (this._preventClick) {
        // Dragging and dropping over the same node produces unwanted click
        this._preventClick = false;
        return;
    }

    var node = this._extractNodeFromDomElement(e.eventMapTarget);
    if ($telerik.isTouchDevice) {
        if (!this._treeTouchScroll._dragCanceled) {
            clearTimeout(this.longTouchID);
            this.longTouchID = 0;
        }
        /*if (this._scrolledInMobileDevice) {
                           
            this._scrolledInMobileDevice = false;
            return;
        }
        else */ if (this._dragging) {
            return;
        }
    }


    if (this._raiseCancelEvent("nodeClicking", node, e)) {
        e.preventDefault();
        return;
    }
                    
    if (!node.get_isEnabled()) {
        this._raiseEvent("nodeClicked", node, e);
        e.preventDefault();
        return;
    }

    var ctrlKey = e.ctrlKey || e.rawEvent && e.rawEvent.metaKey;

    this._hideContextMenus();

    if (this.get_multipleSelect() && (ctrlKey || e.shiftKey || $telerik.isTouchDevice)) {
        if ($telerik.isTouchDevice) {
            if (node && node.get_isEnabled() && !this._touchDragEnd) {
                node.set_selected(!node.get_selected());
            }
            this._touchDragEnd = false;
        }

        if (ctrlKey) {
            node.set_selected(!node.get_selected());
        }
        else if (e.shiftKey) {
            this._handleShiftSelection(node);
        }

        this._raiseEvent("nodeClicked", node, e);
        return;
    }
    else {
        if (this.get_allowNodeEditing() && node.get_selected() && node.get_allowEdit()) {
            this._clearSelectedNodes();
            node.set_selected(true);
            this._startEdit(node, e);
            e.preventDefault();
            e.stopPropagation();
        }
        else {
            this._clearSelectedNodes();
            node.set_selected(true);
        }
    }

    this._raiseEvent("nodeClicked", node, e);

    this._postClickCommand(node);
}
function fixGridSchedulerComboBoxDropDownList() {
    // https://www.telerik.com/support/kb/aspnet-ajax/details/cannot-scroll-telerik-control-in-ios-11.3---the-page-scrolls-instead
    var fixed = $telerik.$(".RadTreeView.RadTouchExtender");
    fixed.on('touchmove', function (e) {
        e.preventDefault();
    });
}
Sys.Application.add_load(fixGridSchedulerComboBoxDropDownList);

 

Completed
Last Updated: 07 Nov 2018 15:57 by Evgeny
The ClientNodeClicking and server-side NodeClick events are triggered when tap-to-scroll the Treeview in Android (taphold event).

Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/treeview/examples/overview/defaultcs.aspx in mobile Chrome of Android device (or in Chrome emulator)
2. Tap over a node to Scroll the Treeview

Result - the tapped node gets selected

Expected - the Treeview detect the tap from holdtap events and the node is not selected when scrolling occurs
Unplanned
Last Updated: 04 Nov 2018 22:22 by Natondra
ADMIN
Created by: Peter Milchev
Comments: 0
Category: TreeView
Type: Bug Report
1
Workaround: 

function OnClientLoad(sender, args) {
    sender._isEditableElementInTemplate = function (target) {

        return target && $(target).closest(".rtTemplate").length > 0 &&
                (target.tagName.toUpperCase() == 'INPUT' ||
                target.tagName.toUpperCase() == 'TEXTAREA' ||
                (target.isContentEditable));
    }
}

<telerik:RadTreeView OnClientLoad="OnClientLoad" ID="RadTreeView1" runat="server" ... >
Completed
Last Updated: 16 May 2017 14:09 by Mirang
Completed
Last Updated: 12 Oct 2015 13:42 by ADMIN
ADMIN
Created by: Hristo Valyavicharski
Comments: 0
Category: TreeView
Type: Bug Report
1

			
Completed
Last Updated: 18 Sep 2015 13:02 by ADMIN
ADMIN
Created by: Dimitar
Comments: 2
Category: TreeView
Type: Bug Report
1

			
Completed
Last Updated: 05 Nov 2014 14:35 by Elena
Completed
Last Updated: 09 Apr 2024 16:02 by ADMIN
Release 2024 Q2
Created by: Frank
Comments: 1
Category: TreeView
Type: Bug Report
0

We are trying to make our website accessible using Wave and one thing we are struggling with is TreeViews with checkboxes enabled. Sometimes the checkbox is rendered as a span element and sometimes as an input element. In the second case Wave is recognizing an error for each node as the input element is not associated with its neighbouring text. You can see this on your own website: https://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/checkboxes/defaultcs.aspx. For the server side tree the checkboxes are rendered as inputs and there is no label associated with it.

This behaviour doesn't change when I set EnableAriaSupport="true".

Completed
Last Updated: 07 Feb 2022 14:24 by ADMIN
ADMIN
Created by: Hristo Valyavicharski
Comments: 1
Category: TreeView
Type: Bug Report
0

			
Unplanned
Last Updated: 09 Nov 2021 13:40 by ADMIN

Reproduction: 

Workaround from admin: Use the following OnClientLoad client-side event handler for the RadTreeView

function OnClientLoad(sender) {
    if ($telerik.isTouchDevice && Telerik.Web.Platform.android) {
        $telerik.$(sender.get_element()).off("scroll")
    }
}

Completed
Last Updated: 09 Jun 2021 15:56 by ADMIN
On IPAD, for treeview rootnode when expanded. It calls the client side event, fetches the records from the service and do the databinding as exected. But after completing all the binding ClientNodeCollapsing event is fired which causes the node to collapse.


Same control works fine on desktop.
Completed
Last Updated: 20 Jun 2017 14:51 by ADMIN
Unplanned
Last Updated: 05 Jun 2017 15:59 by ADMIN
1 2