CuteEditor 6.7 & jQuery Tabs

  •  07-04-2014, 3:46 PM

    CuteEditor 6.7 & jQuery Tabs

    Hi,

    I see inconsistent behaviour when CuteEditor is inside a Jquery Tab. The following code reproduces the problem:

     

     <!DOCTYPE html>


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="/js/jquery-1.8.3.js" type="text/javascript"></script>
        <script src="/js/jquery-ui-1.9.2/jquery-ui.js" type="text/javascript"></script>
    </head>
    <body>
        <script type="text/javascript">
            $(function () {
                $("#tabs").tabs({});
            });
        </script>


        <form id="form1" runat="server">
        <div id="tabs">
            <ul>
                <li><a href="#tab1">Tab 1</a></li>
                <li><a href="#tab2">Tab 2</a></li>
            </ul>            
            <div id="tab1">
                <ce:Editor runat="server" ID="txtEditor1" />
            </div>        
            <div id="tab2">
                <ce:Editor runat="server" ID="txtEditor2" />
            </div>        
        </div>
        </form>
    </body>
    </html>

     

    1) When used in IE11.0.9600.17126, CE runs OK in the first tab, in the second tab it defaults to zero height.

    2) When used in FireFox 30.0, CE runs OK in the first tab, in the second tab the height seems OK, but I actually can't write anything inside.

    3) When used in Chrome 35.0.1916.153 everything is OK.

     

     

View Complete Thread