Hi,

I have a Radwizard using a material skin with the navigaiton bar on the left, in all browsers except safari it renders properly, other skins besides Material also render properly in safari. The only problem is material in Safari.

Can be reproduced in the Orientation demo - https://demos.telerik.com/aspnet-ajax/wizard/functionality/orientation/defaultvb.aspx?skin=Material on Safari (MAC). Set the Navigation Bar Position dropdown value to Left.

JavaScript error is thrown then multiple RadNotification instances with enabled audio are shown.

Error message:

[Intervention] Blocked attempt to create a WebMediaPlayer as there are too many WebMediaPlayers already in existence. See crbug.com/1144736#c27

The issue is replicated in R3 2021 only. 

<telerik:RadTabStrip runat="server"  ID="RadTabStrip1" >
    <Tabs>
        <telerik:RadTab Text="Tab 1">
            <Tabs>
                <telerik:RadTab Text="fail"></telerik:RadTab>
            </Tabs>
        </telerik:RadTab>
        <telerik:RadTab Text="Tab 2"></telerik:RadTab>
        <telerik:RadTab Text="Tab 3"></telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>

Solution from Admin:

Place the load/script below somewhere under the ScriptManager. It can be added in the MasterPage if needed:

<script>
    Sys.Application.add_init(function fixTabStrip() {
        if (Telerik && Telerik.Web && Telerik.Web.UI && Telerik.Web.UI.RadTabStrip) {
            Telerik.Web.UI.RadTabStrip.prototype._childInserted = function (index, tab, owner) {
                this._allTabs = null;

                if (this._cachedSelectedTab) {
                    owner._setSelectedIndex(this._cachedSelectedTab.get_index());
                    this._cachedSelectedTab = null;
                }

                if (tab._cachedSelected) {
                    owner._setSelectedIndex(index);
                    tab._cachedSelected = false;
                }

                Telerik.Web.UI.RadTabStrip.callBaseMethod(this, "_childInserted", [index, tab, owner]);

                if (tab.get_isBreak()) {
                    var breakElement = document.createElement("li");
                    breakElement.className = "rtsBreak";
                    owner.get_childListElement().insertBefore(breakElement, tab._element.nextSibling);
                }

                //if (tab.get_parent() && tab.get_parent() instanceof Telerik.Web.UI.RadTab && tab.get_parent().get_selected()) {
                //    $telerik.$(tab.get_parent().get_levelElement()).removeClass("rtsHidden");
                //}
            }
        }
    });
</script>

When two RadEditors with different TrackChanges mode are defined on the page, a JavaScript error is thrown when inserting a list. The issue is reproducible only when the firstly declared RadEditor has EnabledTrackChanges set to false (the default value), while the second one has EnabledTrackChanges set to false.

Temporary workarounds:

Variant 1: Declare the not tracked RadEditors after the tracked ones, so there scripts will be loaded properly.

Variant2: Set the EnabledTrackChanges of all RadEditors on the page to true.



Steps to reproduce
1. Run the following code:

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

2. Write something and press Enter

3. Click on the "Unordered List" tool

Result: A JavaScript error is thrown

For the time being you can use the following CSS:
    <style>
        a.rfdSelect.rfdSelect_Default {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    </style>
ASPX:
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />
        <asp:DropDownList ID="Dropdownlist1" runat="server">
            <asp:ListItem Value="" Text="(Not Completed)">
            </asp:ListItem>
            <asp:ListItem Value="2" Text="Equipment Note ttttttttttt tttttttttt tt tt" Selected="true">
            </asp:ListItem>
            <asp:ListItem Value="3" Text="Test">
            </asp:ListItem>
            <asp:ListItem Value="4" Text="Hello">
            </asp:ListItem>
        </asp:DropDownList>

When a RadSlider with Lightweight render mode and 100% width is vertically oriented, the text of its items has a fixed size that is not enough to fully display a larger text. 

If a horizontal RadSlider is set with ItemType=Tick or ItemType=Item, its decrease and increase handles are disabled and the MetroTouch/BlackMetroTouch skin is used, the ticks will not be positioned correctly. The effect depends on the value of the TrackPosition property:

   - If TrackPosition=TopLeft, all ticks will be misplaced.
   - If TrackPosition=BottomRight or TrackPosition=Center, the last tick will appear on a new line.

When a RadSlider control is set with ItemType="Item" and has items that are not rendered (they are set with Visible="false"), the drag handle is positioned as if the invisible items are present in the slider.

The label of RadProgressBar is duplicated with some cultures.

The problem is reproducible when the selected element has a CSS property applied that enables the hasLayout feature of the element under IE.

When an anchor hasLayout we cannot properly select it. The hyperlink manager shows the text, but modifying it is not carried to the actual markup. 



CSS properties that trigger hasLayout in IE:

CSS property	Value
display	inline-block
height	any value
float	left or right
position	absolute
width	any value
-ms-writing-mode	tb-rl
zoom	any value

When a document is deleted from the DocumentManager, its selection remains and it could be inserted into the Editor.

video: http://screencast.com/t/LXU1pVkLd

The RadEditor's Media Manager dialog uses pasteHtml functionality to insert Object elements in the contentArea. The pasteHtml functionality do not position the cursor correctly for this case (pasted content ends with a object).

The issue can be workarounded by appending a character after the object. Then using a content filter the additional characters will be removed.

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

<script type="text/javascript">
	function OnClientPasteHtml(editor, args) {
		if ($telerik.isChrome && args.get_commandName() == "MediaManager") {
			args.set_value(args.get_value() + String.fromCharCode(8203));
		}
	}

	function OnClientLoad(editor, args) {
		if ($telerik.isChrome) {
			editor.get_filtersManager().add(new MyFilter());
		}
	}

	MyFilter = function() {
		MyFilter.initializeBase(this);
		this.set_isDom(false);
		this.set_enabled(true);
		this.set_name("RadEditor filter");
		this.set_description("RadEditor filter description");
	}
	MyFilter.prototype =
	{
		getHtmlContent: function(content) {
			return content.replace(/(object>)[\u200b]/gm, "$1"); // or content.replace(/[\u200b]/gm, "")
		},
		getDesignContent: function(content) {
			return content;
		}
	}
	MyFilter.registerClass('MyFilter', Telerik.Web.UI.Editor.Filter);
</script>

A div element is considered as a new line and can be transformed to a list item, although the reverse logic does not work. When NewLineMode is set to Div, the list item is transformed to paragraph instead div element.

The client-side events ClientMouseOver and ClientMouseOut are not fired when the items in the rotator are hovered.

There are multiple scenarios where the Ticker control does not behave consistently with & values.

Text content that is not consistent:

text & -> text &