Completed
Last Updated: 16 Sep 2019 13:59 by ADMIN
In recent versions of Chrome (76.0.38...) we are experiencing an issue when we display a popup using ShowContentDuringLoad="false". The content goes out of bounds of the window. When that flag is true, the window displays as expected. I tried this using Telerik version 2019.2.514.45.



We've been using Telerik controls for some time and I am aware of the minimum frame height limit imposed by the browser but in this case it does not matter if the window height is 200px or 400px, we are still seeing the same issue.


We are using classic mode for Telerik controls.
 

See the attached zip for an example project and also a screenshot of what we are seeing.

If I remove the height from the frame in pageLoad() in javascript it displays OK.

oWindow.GetContentFrame().style.height = ""

 
I can't seem to override using a CSS style, I think the window is using what is stored in cssText.

oWindow.GetContentFrame().style.cssText = "width: 100%; height: 100%; border: 0px; position: absolute; top: -10000px;"


Can you please investigate and fix in Chrome. I would also like to see if you can provide a CSS style work around.

I've tried all sorts of style overrides and cannot seem to find one that works. It looks like whatever is specified in cssText is

what is used for the height.

 
Thanks for your help,
Approved
Last Updated: 16 Sep 2019 12:36 by ADMIN
Approved
Last Updated: 09 Sep 2019 10:58 by ADMIN

Hover over the command arrows on the radScheduler when the view is set to month view.  The Tooltip will display "next day" and "previous day" instead of "next month" and "previous month".

The same happens for week view.

Temporary workaround: 

<telerik:RadCodeBlock runat="server">
    <script>
        function pageLoadHandler() {
            var scheduler = $find("<%= RadScheduler1.ClientID %>");
            var $scheduler = $telerik.$(scheduler.get_element());
            var viewType = "Day";
            if (scheduler.get_selectedView() == Telerik.Web.UI.SchedulerViewType.WeekView) {
                viewType = "Week";
            } else if (scheduler.get_selectedView() == Telerik.Web.UI.SchedulerViewType.MonthView) {
                viewType = "Month";
            }

            $scheduler.find(".rsPrevDay").attr("title", "Previous " + viewType)
            $scheduler.find(".rsNextDay").attr("title", "Next " + viewType)

            // Sys.Application.remove_load(pageLoadHandler);  
        }
        Sys.Application.add_load(pageLoadHandler);
    </script>
</telerik:RadCodeBlock>

Completed
Last Updated: 09 Sep 2019 10:08 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 0
Category: Gauge
Type: Bug Report
0
The underlying Kendo Linear Kendo stopped rendering the track in 2014.3.1314 and, respectively, so does RadLinearGauge as of 2015.1.225

For example, the following snippet should render a wide, green, semi-transparent track, but it does not

			<telerik:RadLinearGauge ID="gauge" runat="server" Height="280">
				<Pointer Value="20">
					<Track Color="#5ca038" Opacity="0.5" Size="30" />
				</Pointer>
			</telerik:RadLinearGauge>
Pending Review
Last Updated: 09 Sep 2019 05:07 by Nitin
Created by: Nitin
Comments: 0
Category: UI for ASP.NET AJAX
Type: Feature Request
0

Ref. attached Image its show horizontal scrolling round with red color.

In business application more number of groups and menu item at that time horizontal scrolling very usefull as shown in the attached image

Pending Review
Last Updated: 06 Sep 2019 11:14 by ADMIN
Created by: Lou
Comments: 1
Category: TabStrip
Type: Bug Report
0
The tabs will scroll by themselves even when your finger is off the screen.
Pending Review
Last Updated: 06 Sep 2019 10:59 by ADMIN
The problem happens when you select an item and then press the down arrow button to move it. The item does not move. If you then press the down arrow button a second time, it does move.
Completed
Last Updated: 04 Sep 2019 16:00 by ADMIN
The problem appears to be related to the image and table resizing feature (introduced in Q3 2013), implemented for the Chrome browser. When the content has a large amount of nested tables with images, selecting an image is causing a slow operation and even an unexpected crash of the browser. 

With this example code you can disable the feature and resolve the performance issue:

<telerik:RadEditor ID="RadEditor1" runat="server">
</telerik:RadEditor>
<script type="text/javascript">
	Telerik.Web.UI.RadEditor.prototype._initializeResizableWidget =
		function myfunction() { };
</script>

Note that this line of code will disable the image/table resizing only for Chrome. Under Firefox and IE this feature is provided by the browser and will still be available.
Completed
Last Updated: 04 Sep 2019 15:57 by ADMIN
When you resize the RadEditor beyond the boundaries of the browser's viewport, absolute positioning will be applied to the control, which could result in problems with the layout in certain cases.

You can use the following workaround to fix the positioning of the editor until the problem is resolved. Just add the script below at the end of your page:

<script type="text/javascript">
                var onResizeStart = Telerik.Web.UI.RadEditor.prototype.onResizeStart;
                Telerik.Web.UI.RadEditor.prototype.onResizeStart = function() {
                                var editorWrapper = this.get_element();
                                this.resizeStartPosition = {
                                                position: editorWrapper.style.position,
                                                top: editorWrapper.style.top,
                                                left: editorWrapper.style.left
                                };
                                onResizeStart.call(this);
                }

                var onResizeEnd = Telerik.Web.UI.RadEditor.prototype.onResizeEnd;
                Telerik.Web.UI.RadEditor.prototype.onResizeEnd = function() {
                                var editorWrapper = this.get_element();
                                if (this.resizeStartPosition && this.resizeStartPosition.position != editorWrapper.style.position) {                                             
                                                $telerik.$(editorWrapper).css({
                                                                position: this.resizeStartPosition.position,
                                                                top: this.resizeStartPosition.top,
                                                                left: this.resizeStartPosition.left
                                                });
                                }
                                onResizeEnd.call(this);
                }
</script>
Completed
Last Updated: 04 Sep 2019 15:47 by ADMIN
Completed
Last Updated: 04 Sep 2019 15:47 by ADMIN
When an Image or a Table elements are being inserted into the content of the editor, the undo command should revert the insertion.
Completed
Last Updated: 04 Sep 2019 15:45 by ADMIN
When you copy a table from MS Excel and you paste it in the RadEditor under Chrome, an image that depicts the copied table will be inserted in the content area of the control along with the table.

You can use the following workaround to avoid inserting an image with the table:

        <telerik:RadEditor runat="server" ID="RadEditor1">
        </telerik:RadEditor>

        <script type="text/javascript">
            var getImages = Telerik.Web.UI.Editor.ClipboardImagesProvider.prototype.getImages;
            Telerik.Web.UI.Editor.ClipboardImagesProvider.prototype.getImages = function (event) {
                var images = getImages.call(this, event);
                debugger;
                if (event.clipboardData && images.length && event.clipboardData.getData("text/html")) {

                    return [];
                }

                return images;
            };
        </script>
Completed
Last Updated: 04 Sep 2019 15:44 by ADMIN
Inserting a table is causing the user to switch to HTML mode and insert manually a br element, so that he could start typing in the next line.

Possible solution is attaching this Client-side method on the OnClientCommandExecuted event of the RadEditor control:

<telerik:RadEditor runat="server" ID="RadEditor1"
    OnClientCommandExecuted="OnClientCommandExecuted"></telerik:RadEditor>


<script type="text/javascript">
    function OnClientCommandExecuted(editor, args) {
        var command = args.get_commandName();
        if (command = "InsertTable") {
            var selection = editor.getSelection();
            var range = selection.getRange();
            if (range.pasteHTML) {
                range.pasteHTML("<br />");
            }
            else {
                editor.pasteHtml("<br/>");
            }
        }
    }
</script>

The following workaround entirely changes the behavior by modifying the selection and selects the first TD

<telerik:RadEditor runat="server" ID="RadEditor1" OnClientPasteHtml="OnClientPasteHtml">
</telerik:RadEditor>

<script type="text/javascript">
    var identifierID = "RadEditor_AfterTable";

    function OnClientPasteHtml(editor, args) {
        var commandName = args.get_commandName();

        if (commandName === "InsertTable" || commandName === "TableWizard" ) {
            var currValue = args.get_value();
            currValue = currValue.replace(/<\/table>/gi, "</table><div id=" + identifierID + ">&#x200B;</div>");
            //currValue = currValue + "<div id=" + identifierID + ">&#x200B;</div>";
            
            args.set_value(currValue);
            setTimeout(function () {
                selectFirstTD(editor)
            }, 0);
        }
    }

    function selectFirstTD(editor) {
        var $ = $telerik.$;
        var contBody = editor.get_contentArea();
        var identifier = $(contBody).find("#" + identifierID);
        var table = identifier.prev();
        var elmToSelect = table.find("th")[0] || table.find("td")[0];

        if (elmToSelect.childNodes && !$telerik.isIE) {
            elmToSelect = elmToSelect.childNodes[0].nodeName === "#text" && elmToSelect.childNodes[0];
        }

        var hasNextElement = identifier.next()[0];
        
        while (hasNextElement && $(hasNextElement).is("style")) {
            hasNextElement = $(hasNextElement).next()[0];
        }
        
        editor.selectElement(elmToSelect);

        if (!hasNextElement) {
            table.after("<br/>");
        }

        identifier.remove();
    }
</script>
Completed
Last Updated: 04 Sep 2019 15:44 by ADMIN
The main issue is the inconsistent behavior of the borders around the content area.
Completed
Last Updated: 04 Sep 2019 15:44 by ADMIN
The initial problem is related with the JS error, because of which the editor's initialization is interrupted.  

You can workaround this by incorporating this piece of code:

<telerik:RadWindow ID="RadWindow1" runat="server" Width="805" Height="450" VisibleOnPageLoad="true">
	<ContentTemplate>
		<telerik:RadEditor runat="server" ID="RadEditor1" Height="200" Width="400" >
		</telerik:RadEditor>
	</ContentTemplate>
</telerik:RadWindow>

<script type="text/javascript">
	var oldCommand = Telerik.Web.UI.RadEditor.prototype.toggleEnhancedEdit;

	Telerik.Web.UI.RadEditor.prototype.toggleEnhancedEdit = function (newValue) {
		if ($telerik.isSafari && typeof (newValue) != "undefined" && false == this.disableContentAreaStylesheet(newValue)) {
			window.setTimeout(Function.createDelegate(this, function () {
				this.disableContentAreaStylesheet(newValue);
			}), 200);
		} else {
			oldCommand.call(this, newValue);

		}
	};
</script>
Completed
Last Updated: 04 Sep 2019 15:43 by ADMIN
If a list is created and every bullet is with different stylization. Stripping all formatting is causing the content to be inserted into one bullet and the styles are not correctly stripped. 
Completed
Last Updated: 04 Sep 2019 15:43 by ADMIN
When you add a symbol to the end of a line in IE, the cursor moves down to the next line.  This behavior does not exist in FF or Chrome, and it did not exist for IE in previous versions of the Editor.

Here is a video demonstrating the problem using the Telerik demo editor.

http://screencast.com/t/9S0TjfZzyFqj

Completed
Last Updated: 04 Sep 2019 15:20 by ADMIN
ADMIN
Created by: Slav
Comments: 1
Category: Editor
Type: Bug Report
0
When the Template Manager tool of RadEditor is enabled, the content of its dialog window is not loaded under IE.
Completed
Last Updated: 04 Sep 2019 15:18 by ADMIN
When an edited image is saved in the Editor's ImageManager, the file is selected but the preview/properties areas on the right are not active. The user should click first on another image and then come back to the edited one, in order to be able to preview it or to change its properties.
Video, demonstrating the behavior: http://screencast.com/t/DAtzhgalHvA
Completed
Last Updated: 04 Sep 2019 15:15 by ADMIN
1. Go to http:/demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
2. Choose the bullet list command from the toolbar and type some text
3. Choose the FormatCodeBlock command and insert some text
4. Press SHIFT+ENTER to insert <br>

Actual: If you continue pressing enter, new lines will not be inserted.
Expected: New lines are inserted.