[FIXED] [#1571] [4.5.1] ReadOnly fields broken in IE

  1. #1

    [FIXED] [#1571] [4.5.1] ReadOnly fields broken in IE

    When you have ReadOnly fields or selectbox, in Chrome they work as expected, you click in the field and nothing happens. In IE however, you click and you get the cursor as if you can type. If you are in the select box, you type and the field is filled with the contents.

    <!DOCTYPE html>
    <script runat="server">
    </script>
    
    <html>
    <head>
        <title></title>
    	<meta charset="utf-8" />
     
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <ext:ResourceManager runat="server" />
    
           <ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout">
                <Items>
                    <ext:FormPanel id="pnlSettings" runat="server" Layout="VBoxLayout">
                        <items>
                                    <ext:SelectBox ID="State" runat="server" FieldLabel="State" ReadOnly="true">
                                        <Items>
                                            <ext:ListItem Text="Alabama" Value="AL" />
                                            <ext:ListItem Text="Alaska" Value="AK" />
                                            <ext:ListItem Text="Arizona" Value="AZ" />
                                            <ext:ListItem Text="Arkansas" Value="AR" />
                                            <ext:ListItem Text="California" Value="CA" />
                                            <ext:ListItem Text="West Virginia" Value="WV" />
                                            <ext:ListItem Text="Wisconsin" Value="WI" />
                                            <ext:ListItem Text="Wyoming" Value="WY" />
                                        </Items>
                                    </ext:SelectBox>
                                    <ext:TextField ID="Zip" runat="server" FieldLabel="Zip" ReadOnly="true" />
    
                        </items>
                    </ext:FormPanel>
                </Items>
            </ext:Viewport>
    
        </div>
        </form>
    
    </body>
    </html>
    Last edited by fabricio.murta; Dec 08, 2017 at 1:52 AM.
  2. #2
    Hello @rmelancon!

    Intriguing, I just tried your sample here on Chrome, IE and Edge.

    1. Chrome:
    - SelectBox:
      - Blue border on click/focus: no
      - Cursor blink on click/focus: no
      - Content shown/entered when typed: no
    - TextField:
      - Blue border on click/focus: yes
      - Cursor blink on click/focus: no
      - Content shown/entered when typed: no
    
    2. Edge:
    - SelectBox:
      - Blue border on click/focus: yes
      - Cursor blink on click/focus: no
      - Content shown/entered when typed: no
    - TextField:
      - Blue border on click/focus: yes
      - Cursor blink on click/focus: yes
      - Content shown/entered when typed: no
    
    3. IE11:
    - SelectBox:
      - Blue border on click/focus: yes
      - Cursor blink on click/focus: yes
      - Content shown/entered when typed: no
    - TextField:
      - Blue border on click/focus: yes
      - Cursor blink on click/focus: yes
      - Content shown/entered when typed: no
    Although the focus border behavior changes between browsers and components, I can not enter anything to the readonly fields, no matter what the browser is.

    Any chance you are using an Ext.NET version older than 4.5.0?
  3. #3
    Yes, we are on 4.3.0, upgrading now, will respond back when done.
    Last edited by rmelancon; Dec 06, 2017 at 6:31 PM.
  4. #4
    Ok updated to latest and same issue. IE is version 11.1593.14393.0

    In the example page click State, then type 'a'
  5. #5
    Hello @rmelancon!

    I see now, it does not really accept an input but, if you hit a character that fits an entry in the box, it fills that up with the first matchin record! We'll further investigate this and return with a solution or the fix for you.
    Fabrício Murta
    Developer & Support Expert
  6. #6
    Hello again!

    We've just fixed this issue. The fixed Ext.NET version is available right away from github and will go public when we release version 4.5.1. For the record, we logged the issue under #1571 in our issue tracker at github.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 3
    Last Post: Jun 23, 2015, 2:05 PM
  2. Replies: 19
    Last Post: Jun 23, 2015, 12:07 PM
  3. Replies: 1
    Last Post: Feb 20, 2015, 5:05 PM
  4. [OPEN] [#142] Make checkboxes in a TreePanel readonly
    By bogc in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 04, 2013, 7:00 AM
  5. Replies: 6
    Last Post: May 19, 2011, 9:36 AM

Posting Permissions