Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #11
    Sencha User
    Join Date
    Jan 2013
    Location
    Melbourne, Australia
    Posts
    17
    Vote Rating
    0
    pacmendoza is on a distinguished road

      0  

    Default


    I have tried running the application in isolation and found that the error is now being rendered but the field is broken after I focus in and out of the field after the error.

    I have deployed it in Google so you can try it: http://pacmapp.appspot.com

    The HTML Panel seems to be causing this error. When I replaced it with a vertical panel, like in the example, it works fine.

    Let me know if you can reproduce the issue or if you need more information.

  2. #12
    Sencha - GXT Dev Team
    Join Date
    Feb 2009
    Location
    Minnesota
    Posts
    2,734
    Vote Rating
    90
    Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light

      0  

    Default


    Neither HTMLPanel nor VerticalPanel are GXT classes - if they are somehow causing this, you might want to see about reporting this to GWT instead.

    That said, when I run the sample linked, I cannot reproduce this. Steps I followed (based on the original report, since you didn't supply anything specific):
    * Open the link
    * Enter invalid text such as 1.2.3.4.5 into the field
    * Click out of the field
    * Expect that the field is blank (clear on parse error seems to be enabled, the default) and is marked invalid
    * Expect that an error icon is visible
    * Hover over the error icon
    * Expect a tooltip with contents like "1.2.3.4.5 is not a valid number"

    Screen Shot 2013-08-23 at 11.31.44 AM.jpg

  3. #13
    Sencha User
    Join Date
    Jan 2013
    Location
    Melbourne, Australia
    Posts
    17
    Vote Rating
    0
    pacmendoza is on a distinguished road

      0  

    Default


    Hi Colin, you are right. Perhaps this is a GWT issue after all.

    The error message not displaying in our app may be something specific to our application. We are mixing GXT 2.x and GXT 3 components in the same page. This is something I cannot easily isolate in the starter project I shared. I cannot even reproduce it in the starter project. I do not know if this is caused by GWT or GXT or the combination of GXT versions or project configuration or something else. It is unfortunate that this post does not provide you with enough information to reproduce this issue on your side. Therefore, I will no longer pursue this.

    By the way, after the error message is displayed, if you tab in and out of the field, you will notice that the field size changes.
    Capture.PNG
    I appreciate your time to look into this. Thank you very much.

  4. #14
    Sencha - GXT Dev Team
    Join Date
    Feb 2009
    Location
    Minnesota
    Posts
    2,734
    Vote Rating
    90
    Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light Colin Alworth is a glorious beacon of light

      0  

    Default


    I can definitly see the issue with tabbing in/out of the field, but I can't see what other code might play into that without a runnable test sample that I can reproduce locally.

    I'm going to mark this as needs info - if you can put together a real test case that we can run, we can see about reopening it.

  5. #15
    Sencha User
    Join Date
    Jan 2013
    Location
    Melbourne, Australia
    Posts
    17
    Vote Rating
    0
    pacmendoza is on a distinguished road

      0  

    Default


    My issue now is about the field being resized and is no longer about the error message not being displayed. Is this still relevant to this post?

    Do you need the code and ui binding file I used for the sample app?

    Code:
    <?xml version="1.0" encoding="UTF-8"?>
    <!--
      When updating your version of GWT, you should also update this DTD reference,
      so that your app can take advantage of the latest GWT module capabilities.
    -->
    <!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.5.1//EN"
      "http://google-web-toolkit.googlecode.com/svn/tags/2.5.1/distro-source/core/src/gwt-module.dtd">
    <module rename-to='gxt_project'>
      <!-- Inherit the core Web Toolkit stuff.                        -->
      <inherits name='com.google.gwt.user.User'/>
    
      <!-- Inherit the default GWT style sheet.  You can change       -->
      <!-- the theme of your GWT application by uncommenting          -->
      <!-- any one of the following lines.                            -->
      <!-- <inherits name='com.google.gwt.user.theme.clean.Clean'/>   -->
      <!-- <inherits name='com.google.gwt.user.theme.standard.Standard'/> -->
      <!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
      <!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/>     -->
    
      <!-- Other module inherits                                      -->
      <inherits name='com.sencha.gxt.ui.GXT' />
      
      <!-- GXT Stylesheet -->
      <stylesheet src="reset.css" />
    
      <!-- Specify the app entry point class.                         -->
      <!-- <entry-point class='com.sensha.gxt.project.client.GXT_Project'/> -->
      <entry-point class='com.sensha.gxt.project.client.BigDecimalNumberFieldHtmlPanel'/>
    
      <!-- Specify the paths for translatable code                    -->
      <source path='client'/>
      <source path='shared'/>
    
    </module>
    Code:
    package com.sensha.gxt.project.client;
    
    import java.math.BigDecimal;
    
    import com.google.gwt.core.client.EntryPoint;
    import com.google.gwt.core.shared.GWT;
    import com.google.gwt.uibinder.client.UiBinder;
    import com.google.gwt.uibinder.client.UiField;
    import com.google.gwt.user.client.ui.HTMLPanel;
    import com.google.gwt.user.client.ui.IsWidget;
    import com.google.gwt.user.client.ui.RootPanel;
    import com.google.gwt.user.client.ui.Widget;
    import com.sencha.gxt.widget.core.client.form.NumberField;
    import com.sencha.gxt.widget.core.client.form.NumberPropertyEditor;
    
    public class BigDecimalNumberFieldHtmlPanel implements IsWidget, EntryPoint {
        
        interface MyUiBinder extends UiBinder<HTMLPanel, BigDecimalNumberFieldHtmlPanel> {
            
        }
        
        private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);
        
        private HTMLPanel panel;
        
        @UiField(provided = true)
        NumberField<BigDecimal> field;
        
        public Widget asWidget() {
            if (panel == null) {
                field = new NumberField<BigDecimal>(new NumberPropertyEditor.BigDecimalPropertyEditor());
                 panel = uiBinder.createAndBindUi(this);
            }
            return panel;
        }
        
        public void onModuleLoad() {
            RootPanel.get().add(asWidget());
        }
    
    }
    Code:
    <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:gwt='urn:import:com.google.gwt.user.client.ui'
                 xmlns:form="urn:import:com.sencha.gxt.widget.core.client.form" >
    
        <ui:style>
            .container {
                border: .1em solid #a9bfd3;
                padding: .5em;
                margin: 0.5em;
                overflow: auto;
                width: 76em;
                background-color: white;
            }
    
            .quoted-invoice-cost-label {
                font-weight: bold;
                float: left;
                margin: 0 2.75em;
            }
    
            .quoted-cost-input-field {
                float: left;
                margin: 0 2em .75em;
            }
    
            .float-left {
                float: left;
            }
    
        </ui:style>
    
        <gwt:HTMLPanel>
            <div class="{style.container}">
                <div class="{style.float-left}">
                    <div class="{style.float-left}">
                        <gwt:Label text="BigDecimal Field" 
                                   addStyleNames="{style.quoted-invoice-cost-label}"/>
                        <div style="clear:both"/>
                        <form:NumberField width="10em" ui:field="field"
                                                       addStyleNames="{style.quoted-cost-input-field}"/>
                    </div>
                </div>
            </div>
        </gwt:HTMLPanel>
    </ui:UiBinder>
    You should be able to run the code above. Let me know if you need more information.

Thread Participants: 2