[CLOSED] Incorrect wrapping DisplayField on IE Edge only

  1. #1

    [CLOSED] Incorrect wrapping DisplayField on IE Edge only

    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>
  2. #2
    resolved by
    thxs!

                -ms-hyphens: none !important;
                -webkit-hyphens: none !important;
                -moz-hyphens: none !important;
                word-break: keep-all !important;
  3. #3
    Hello @Z! Sorry for the delay, and thanks for sharing the outcome, we really appreciate it!

    Glad you could find a way to solve the issue you faced.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. [CLOSED] Ext.net and Microsoft Edge
    By HansWapenaar in forum 3.x Premium Help
    Replies: 4
    Last Post: Oct 05, 2015, 8:22 PM
  2. [CLOSED] button with rounded edge
    By ucaneto in forum 2.x Premium Help
    Replies: 1
    Last Post: Jul 02, 2014, 3:45 PM
  3. Hide the edge of a panel header
    By billy in forum 2.x Help
    Replies: 7
    Last Post: Dec 04, 2012, 2:08 PM
  4. [CLOSED] Strange edge toolbar
    By 78fede78 in forum 1.x Premium Help
    Replies: 3
    Last Post: Nov 15, 2010, 11:05 AM
  5. [CLOSED] wrapping in textarea
    By gokcemutlu in forum 1.x Premium Help
    Replies: 13
    Last Post: Sep 04, 2009, 4:37 AM

Posting Permissions