RadRotator stops working after Ctrl+F5 refresh if the ItemWidth is not set in Firefox. After the refresh RadRotator looses its item width calculation and show only the first item, the others and rendered on the next row.

Video: https://www.screencast.com/t/hqYDQrPsemK

1. Run the code below in Firefox
2. Press Ctrl + F5

Result: The rotator does not rotate the items anymore

                    <telerik:RadRotator ID="RadRotatorLogosTelerik" RotatorType="AutomaticAdvance" Skin="Metro" RenderMode="Lightweight" Visible="true" runat="server" EnableRandomOrder="false"
                        Height="180px" Width="980px"
                        ItemHeight="80px">
                        <Items>
                            <telerik:RadRotatorItem>
                                <ItemTemplate>
                                    <div id="imgitemTemplate">
                                        <asp:Image ID="Image1" runat="server" AlternateText="becken" ImageUrl="https://placeimg.com/980/80/tech" />
                                    </div>
                                </ItemTemplate>
                            </telerik:RadRotatorItem>
                            <telerik:RadRotatorItem>
                                <ItemTemplate>
                                    <div id="imgitemTemplate">
                                        <asp:Image ID="Image2" runat="server" AlternateText="goodis" ImageUrl="https://placeimg.com/980/80/animals" />
                                    </div>
                                </ItemTemplate>
                            </telerik:RadRotatorItem>
                            <telerik:RadRotatorItem>
                                <ItemTemplate>
                                    <div id="imgitemTemplate">
                                        <asp:Image ID="Image3" runat="server" AlternateText="kubo" ImageUrl="https://placeimg.com/980/80/arch" />
                                    </div>
                                </ItemTemplate>
                            </telerik:RadRotatorItem>
                        </Items>
                    </telerik:RadRotator>

S error is thrown when the Rotator items do not fill its viewport and EnableRandomOrder="true". The problem occurs in all render modes, when the width of the Rotator is set to 100%.

Error message:
Uncaught Error: Sys.ArgumentNullException: Value cannot be null.
Parameter name: element

WORKAROUNDS:
- set EnableRandomOrder="false" or
- set fixed width to the control, e.g. Width="1000px"



Reproduction code:
        <telerik:RadRotator ID="ProductRotator" runat="server" RotatorType="AutomaticAdvance" Height="100"
            ItemHeight="90" Skin="Default" Width="100%" EnableRandomOrder="true" ScrollDuration="1000">
            <ItemTemplate>
                <div style="width:100px; height: 75px; border: 1px solid red">
                    <%# Eval("title")%>
                </div>
            </ItemTemplate>
        </telerik:RadRotator>


    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            ProductRotator.DataSource = GetData();//Producten;
            ProductRotator.DataBind();
        }
    }
    private object GetData()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("title", typeof(string));
        dt.Columns.Add("desc", typeof(string));
        dt.Rows.Add("T1", "AAA");
        dt.Rows.Add("T2", "BBB");
        dt.Rows.Add("T3", "CCC");
        return dt;
    }

Hi, 

As the rotator works today, it does not only move contents according to the ScrollDirection property. It also sorts records according to ScrollDirection. Example: if i populate the rotator with records from a database with an SQL statement like "SELECT * FROM mytable ORDER BY DateSubmitted ASC", and then set ScrollDirection to "Down", the rotator starts sorting records in descending order, even though the SQL statement spcifically says to sort ascending. This is stupid in my opinion. The ScrollDirection property should do only precisely what it´s name suggests: move rotator contents in the direction set in the ScrollDirection property. The data source should decide in which order records are sorted. 

If I should change ScrollDirection for some reason, I will have to change the SQL statement to make records sort in the order I want them to as things are now. If I populate the rotator from code-behind, this means I will have also have to recompile the application instead of just changing the ScrollDirection property.

At present only Coverflow and Carousel modes are animated. This method should animate all rotator modes.

When you wrap an image in an anchor element in the content of an ItemTemplate of RadRotator, the image will not be clickable.

It will be possible to specify an ItemTemplate for RadRotator that loads its items on demand.

The problem happens when setting max-width to all Rotator divs using a weak CSS selector:
			.RadRotator div {
				max-width: 800px;
			}

It is strongly advised to avoid using such selectors for the controls, as they may break the rendering and functionality (as is the current case). The workaround it to make sure that only DIVs outside the control have been affected by this CSS rule.

It would be nice to give Rotator the ability to refresh contents every x minutes or seconds right out of the box, providing a refresh interval option. This could only work when using webservices, page methods or any other data fetching method, as long as it existed :) This feature is very useful when data needs to be refresh without user intervention.

The items of RadRotator are not rotated correctly when the FrameDuration property is set to a small value and the PauseOnMouseOver property is set to true.

There are problems with the position of the control buttons of RadRotator in IE and Opera when lightweight render mode of the control is enabled either by setting RenderMode to Lightweight or by setting RenderMode to Auto, which in turn enables lightweight mode in the appropriate browsers.

The workaround for this issue is to set the RenderMode property to Classic.

When the RadRotator control loads its items from a web service, it performs two requests and then stops.

When RadRotator is configured to load its items from a web service (http://demos.telerik.com/aspnet-ajax/rotator/examples/loadondemand/defaultcs.aspx) and it is using the MetroTouch skin, the loading image that is displayed until the items are populated, is missing.

You can observe it here: http://demos.telerik.com/aspnet-ajax/rotator/examples/carouselmode/defaultcs.aspx by clicking either of the sequences. Note: set the rotator to CarouselButtons to avoid cinfusion stemming from automatic advance.
- red, grey, green. You will see red instead of green
- blue, green, gray. You will see blue instead of gray
One more item was rotated in each case.

A workaround is to disable animations for these second and last items when their counterpart is currently shown:
function OnClientItemClicked(sender, args) {
	var shouldAnimate = true;
	var indextToChangeTo = args.get_item().get_index();
	var currIndex = sender.get_currentItemIndex();
	var itemsCount = sender.get_items().length;
	if (currIndex == itemsCount - 1 && indextToChangeTo == 1 || //last item is shown, the second item is clicked
		currIndex == 1 && indextToChangeTo == itemsCount - 1) { //second item is shown, last item is clicked
		shouldAnimate = false;
	}
	sender.set_currentItemIndex(indextToChangeTo, shouldAnimate);
}

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

Text content that is not consistent:

text & -> text &

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

An exception will be thrown when there is a a standard ImageButton or a standard Button with UseSubmitBehavior="true" in the ItemTemplate of a RadRotator and it triggers a postback.

When the rotator items are added declaratively by placing RadRotatorItem element in the Items collection, changing ItemWidth on the code-behind does not affect the width of the items.

I don't ever use the radrotator because of how dated it is....sets a fixed with (rrClipRegion), rotated items flow behind that, jquery based animation...etc etc.

Can we please knock this out of the park and make something like http://dimsemenov.com/plugins/royal-slider/

Look, if you guys didn't use your own rotator on the new telerik.com....something needs fixing, no?  #Dogfooding

When the RadRotator is set with the Sitefinity built-in skin and it is configured in a mode with buttons, the buttons are not displayed.
You can workaround the problem by adding the following CSS code on the page with the rotator:

<style type="text/css">
    div.RadRotator_Sitefinity .rrButton.rrButtonRight {
        right: 0;
    }
 
    div.RadRotator_Sitefinity .rrButton.rrButtonLeft {
        left: 0;
    }
</style>

When 'FrameDuration' is set with small value, for example 1, the rotator will not be paused on mouse over even if 'PauseOnMouseOver' is set to 'true'.