Editing is not stopped if you click inside the empty table area

[eguardiola]

GXT 3.0.0 and Google Chrome.

You must click outside yellow area to stop editing the inline field.

Sorry for the poor bug report but is easy to test.

[WesleyMoy]

Even for simple bugs, it's important to us that you use the bug template. This helps to ensure that no necessary details for debugging are missing.

I'm not able to reproduce this issue with Chrome 18 on OS X 10.7. If you could provide your specific test case and which browser you're using, I'll be able to look into this issue further.

[eguardiola]

Hi Wesley,

The bug is persisting with 3.0.0b. This is the testcase.

Using Chrome19. Once editing the column you can't exit edit mode clicking in the empty space of the grid.

public class TestGrid implements EntryPoint {

    public class Contact {
        private String name;


        public String getName() {
            return name;
        }


        public void setName(String name) {
            this.name = name;
        }
    }


    public interface ContactPropertyAccess extends PropertyAccess<Contact> {


        ContactPropertyAccess INSTANCE = GWT.create(ContactPropertyAccess.class);


        ValueProvider<Contact, String> name();


        ModelKeyProvider<Contact> id();
    }


    public void onModuleLoad() {
        List<ColumnConfig<Contact, ?>> list = new ArrayList<ColumnConfig<Contact, ?>>();


        ColumnConfig<Contact, String> nameCol = new ColumnConfig<Contact, String>(
                ContactPropertyAccess.INSTANCE.name(), 40, "Name");
        list.add(nameCol);


        ColumnModel<Contact> cm = new ColumnModel<Contact>(list);


        ListStore<Contact> store = new ListStore<Contact>(ContactPropertyAccess.INSTANCE.id());


        Grid<Contact> grid = new Grid<Contact>(store, cm);
        grid.setSelectionModel(new GridSelectionModel<Contact>());
        grid.getView().setShowDirtyCells(false);
        grid.getView().setColumnLines(true);
        grid.getView().setAutoFill(true);
        grid.setBorders(true);


        GridInlineEditing<Contact> inlineEditing = new GridInlineEditing<Contact>(grid);
        inlineEditing.setClicksToEdit(ClicksToEdit.ONE);


        inlineEditing.addEditor(nameCol, new TextField());


        // add a new element to the grid
        Contact element = new Contact();
        store.add(element);
        store.commitChanges();


        grid.setWidth(500);
        grid.setHeight(500);
        RootPanel.get().add(grid);
    }
}

[eguardiola]

Hi,

The 3.0.1 release is not fixing this bug and can be experienced in Explorer Demo: http://www.sencha.com/examples/#ExamplePlace:listpropertybinding

Use Google Chrome and edit one field. The editing mode is not stopped when clicking on the yellow area. With Firefox works fine.