Support,

In this simple example, IE (Edge) fails to properly wrap the text in the display field. The word "SuperDuper" is cut in half. If we test the same thing on Chrome, it works perfectly.

Can you please provide resolution as to why Edge fails.

thanks
/Z.


<%@ Language="C#"  %>




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test</title>
        <style type="text/css">




            
        #testItem {
            padding: 5px;
            background-color: slategray;
            border-radius: 5px;
        }


        #testItem-labelEl {
            color: #eee;
        }


        #testItem-labelEl 
        {
            color: #eee;
            font-weight: bold;
        }


        .readyBackground {
            background-color: #517a1c !important;
        }


    </style>
</head>


<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" />


<body>
    <form runat="server" onsubmit="return false;">
        <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Neptune">
            <Listeners>
                <DocumentReady Handler="App.testItem.setValue('Testing a SuperDuper Long Word'); App.testItem.addCls('readyBackground'); " />
            </Listeners>
        </ext:ResourceManager>


        <ext:Viewport ID="ViewPortMain" runat="server" Layout="BorderLayout">
            <Items>




                <ext:DisplayField runat="server" Cls="periodDatesItems" LabelWidth="45" ID="testItem" FieldLabel="Status" Text="" Width="180" Height="90" />


            </Items>
        </ext:Viewport>


    </form>
</body>
</html>