Upload dialog layout is broken in iPad

Steps to reproduce:
1. Navigate to http://demos.telerik.com/aspnet-ajax/fileexplorer/examples/overview/defaultcs.aspx ;
2. Open the upload dialog.

Uploading a file when ExplorerMode is set to FileTree causes a JavaScript error in FileExplorer.

The same error is thrown in case the there is a value, set to the FileExplorer's InitialPath property.

If the AsyncUpload control is enabled in the FileExplorer when  and the user uploads more that 1 file, the FileExplorer throws a JavaScript error with the following message:

TypeError: this.control.get_allowMultiRowSelection is not a function

When users quickly select different folders in the TreeView and content is still loading, the caching mechanism of FileExplorer fails and loads incorrect data to the last selected folder. 

A workaround is to disable the embedded jQuery and use an older version (for example, 1.11.1 which is the previous version the suite used): https://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/disabling-the-embedded-jquery

Repro steps:

1. put a file explorer on the page
2. right click a file in it and select Rename
3. enter a new name, click OK

Expected: file is renamed

Actual: Firefox throws TypeError: access to strict mode caller function is censored

Sample markup

        <telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="FileExplorer1" Width="520px" Height="310px">
            <Configuration ViewPaths="~/images" UploadPaths="~/images"
                DeletePaths="~/images"></Configuration>
        </telerik:RadFileExplorer>

For the time being the following workaround can be used:
		<telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" Width="230px" Height="430px" DisplayUpFolderItem="true"
			ExplorerMode="FileTree">
		</telerik:RadFileExplorer>
		<script>
			Telerik.Web.UI.RadFileExplorer.prototype._onTreeContextMenuItemClicked = function (sender, args) {
				var treeNode = args.get_node();
				var menuItem = args.get_menuItem().get_value();
				switch (menuItem) {
					case "Rename":
						treeNode.startEdit();
						var nodeInput = treeNode.get_inputElement();
						if (!this._allowFileExtensionRename) {
							var item = this._createItemFromTreeViewNode(treeNode);
							if (!item.isDirectory())
								nodeInput.value = $T.FileExplorerHelper.stripExtension(item);
						}
						this._attachFileNameValidator(nodeInput);
						var treeUL = sender.get_childListElement();
						this._treeKeyDownDelegate = Function.createDelegate(this, this._treeKeyDown);
						if (treeUL) $telerik.addHandler(treeUL, "keydown", this._treeKeyDownDelegate, true);
						break;
					case "NewFolder":
						if (!this._isNodeADirectory(treeNode)) {
							treeNode = treeNode.get_parent();
						}
						var nodeValue = treeNode.get_value();
						this.createNewDirectory(nodeValue);
						break;
					case "Delete":
						var selItems = sender.get_selectedNodes();
						var delItem = new Array();
						for (var i = 0; i < selItems.length; i++) {
							var currItem = this._createItemFromTreeViewNode(selItems[i]);
							delItem.push(currItem);
						}
						this.deleteItem(delItem);
						break;
					case "Upload":
						this._showUploadWindow();
						break;
					case "Copy":
						var selectedItem = null;
						if (!treeNode.get_selected()) {
							selectedItem = this._createItemFromTreeViewNode(treeNode);
						}
						this._copy("tree", selectedItem);
						break;
					case "Paste":
						var pasteItem = this._createItemFromTreeViewNode(treeNode);
						this._paste(pasteItem);
						break;
				}
			}
		</script>

When two FileExplorers, used in ThumbnailsView mode, are added to a page from a user control, the navigation through the trees of both FileExplorers updates the ListView of the first explorer.

video: http://screencast.com/t/9HYpIxNRznZ

TreeView context menu remains visible when a permission alert is shown. I should be hidden like the Grid contect menu is.

Video:

https://screencast-o-matic.com/watch/crlYQMV2dzP

Steps to reproduce:

1. Copy a file from the Grid in RadFileExplorer

2. Right click over the same directory in the TreeView and select Paste

Result:

Clicking on the FileExplorer's Refresh button does not refresh the pager of the control properly when the currently selected page in the grid/listview is bigger than 1.

Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/fileexplorer/examples/server-sideapi/initialpathandpaging/defaultcs.aspx
2. Navigate to some page (e.g. 3) in the FileExplorer's grid/listview
3. Refresh the control (click the "Refresh" button on the toolbar)

Result: FileExplorer shows the content if the first page, while the pager keeps the state from before the refresh (e.g. 3).

The current page FileList items are not properly updated when the paging is enabled. Returning to a previously paged folder is properly restored to page 1, but it keeps showing the content of lastly listed page. The issue is reproducible in all explorer modes of the control.

Video - http://screencast.com/t/KVpgADxanuh

A workaround is to disable the embedded jQuery and use an older version (for example, 1.11.1 which is the previous version the suite used): https://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/disabling-the-embedded-jquery

The issue is reproducible with RadEditor. When using Lightweight rendering in RadEditor, the FileExplorer's address bar has an inline style with height: 16px rule. This rule should be added only in Classic rendering.

As a side effect, the text in the address box is cut off. 

Possible workaround is to add setting in the web.config to force Lightweight rendering for RadFileExplorer:

<add key="Telerik.Web.UI.FileExplorer.RenderMode" value="lightweight" />

It is not possible to select a Toolbar item in RadFileExplorer on Enter press if the control is used in Lightweight render mode.

Steps to reproduce:

1. Open https://demos.telerik.com/aspnet-ajax/fileexplorer/examples/keyboardsupport/defaultcs.aspx

2. Press "Ctrl+f2" to focus RadFileExplorer

3. Press "Shift+1" to focus its toolbar

4. Use the Arrow keys to navigate between to Toolbar items

5. Press Enter over a button (e.g. Upload)

Result: The command is not triggered

Workaround: The issue is not reproducible in Classic render mode.

It is not possible to navigate between ContextMenu items with the arrow keys when the Keyboard support is enabled.

The ThreeView remains the focused element even after the ContextMenu is shown and using the arrow keys navigates through the tree nodes instead of the ContextMenu items.

Steps to reproduce.

1. Click somewhere on the page and press "F" for focus FileExplorer
   
2. Press "T" to focus TreeView
3. Press "C" to show tree context menu
4. Pres Up/down arrow to navigate through the context menu items

Result: The navigation occurs in the three instead of the Context menu

            <telerik:RadFileExplorer ID="RadFileExplorer1" Height="380px" Width="750px"
                AllowPaging="false" EnableCopy="true" runat="server">
                <Configuration EnableAsyncUpload="true" SearchPatterns="*.*" UploadPaths="~/Images/" DeletePaths="~/Images/" ViewPaths="~/Images/"></Configuration>
            <KeyboardShortcuts
                FocusFileExplorer="F"
                FocusAddressBar="A"
                FocusToolBar="B"
                FocusTreeView="T"
                ContextMenu="C"  
                />

FileExplorer does not scroll its tree properly to the programatically selected folders.

Steps to reproduce:

1. Set a nested folder with a long path programatically:

fileExplorer.set_currentDirectory("/images/AAA/FolderA1/FolderA2/FolderA3/FolderA4/FolderA5")

2. Select another nested folder programatically:

fileExplorer.set_currentDirectory("/images/BBB/FolderB1/FolderB2/FolderB3/FolderB4/FolderB5")

Result: The second folder is selected, but the TreeView does not properly scroll into view containing it.

There is a scroll and the Upload button is partially hidden when the Bootstrap skin is used in Classic render mode:

Reproduction code:

protected void Page_Load(object sender, EventArgs e)
{
    RadToolBarDropDown dropDown = new RadToolBarDropDown("PageSize");
       
    dropDown.CssClass = "perPageDropDown";
    dropDown.EnableImageSprite = false;
    // dropDown.Text = GetGlobalResourceObject("Insight", "Per pagina")
    // dropDown.ToolTip = GetGlobalResourceObject("Insight", "Per pagina")
    FileExplorer1.ToolBar.Items.Add(dropDown);
}

<telerik:RadFileExplorer RenderMode="Lightweight" runat="server" ID="FileExplorer1" Width="595px" Height="350px"
    AllowPaging="true" PageSize="10">
    <Configuration EnableAsyncUpload="true" ViewPaths="~/"
        UploadPaths="~/" DeletePaths="~/"></Configuration>
</telerik:RadFileExplorer>