In my web site, I have a table in which the user can enter data.
So, one of the column is editable.
It works perfectly on Firefox, Chrome, IE on Desktop and on Safari 4 on Ipad 1.
However, I tried it on Safari 5 … and it does not work anymore.
The field appears as editable, but, when I click on it, the keyboard is not displayed.
So, I am not able to enter a value.
The code for my table is :
allocations = new Table("Allocation");
allocations.addStyleName("my-switch-sell-table");
allocations.setWidth("100%");
allocations.setNullSelectionAllowed(false);
table.setSelectable(true);
table.setImmediate(true);
table.setPageLength(9);
allocations.setContainerDataSource(model.getAllocations());
allocations.setColumnWidth("fundName", 290);
allocations.setColumnWidth("currency", 40);
allocations.addGeneratedColumn("valorisation", new VfDecimalColumnGenerator());
allocations.setColumnWidth("valorisation", 80);
allocations.addGeneratedColumn("unitPrice", new VfDecimalColumnGenerator());
allocations.setColumnWidth("unitPrice", 80);
allocations.addGeneratedColumn("unitsHeld", new VfDecimalColumnGenerator());
allocations.setColumnWidth("unitsHeld", 80);
allocations.setColumnCollapsingAllowed(true);
allocations.setColumnReorderingAllowed(true);
allocations.setColumnWidth("switchValueByAmount", 100);
allocations.addGeneratedColumn("switchUnits", new VfDecimalColumnGenerator());
allocations.setColumnWidth("switchUnits", 80);
allocations.setColumnWidth("switchValueByPercentage", 100);
allocations.setColumnWidth("switchValueByUnits", 100);
if (SwitchType.BY_AMOUNT.equals(type)) {
allocations.setVisibleColumns(new String[]{"fundName", "currency", "valorisation", "unitPrice", "unitsHeld", "switchUnits", "switchValueByAmount"});
allocations.setColumnHeaders(new String[]{"Fund name", "Ccy", "Valuation", "Unit price", "Unit held", "Switch Units", "Amount to sell"});
} else if (SwitchType.BY_PERCENTAGE.equals(type)) {
allocations.setVisibleColumns(new String[]{"fundName", "currency", "valorisation", "unitPrice", "unitsHeld", "switchUnits", "switchValueByPercentage"});
allocations.setColumnHeaders(new String[]{"Fund name", "Ccy", "Valuation", "Unit price", "Unit held", "Switch Units", "% to sell"});
} else if (SwitchType.BY_UNITS.equals(type)) {
allocations.setVisibleColumns(new String[]{"fundName", "currency", "valorisation", "unitPrice", "unitsHeld", "switchUnits", "switchValueByUnits"});
allocations.setColumnHeaders(new String[]{"Fund name", "Ccy", "Valuation", "Unit price", "Unit held", "Switch Units", "Units to sell"});
}
allocations.setTableFieldFactory(
new TableFieldFactory() {
public Field createField(Container container, Object itemId, Object propertyId, Component uiContext) {
if (propertyId.toString().equals("switchValueByAmount") ||
propertyId.toString().equals("switchValueByPercentage") ||
propertyId.toString().equals("switchValueByUnits")) {
TextField resultField = new TextField();
resultField.addStyleName("right-text-field");
return resultField;
}
return null;
}
});
allocations.setEditable(true);
Is there an error in my table that could lead to this problem on Safari 5 ?
Does anyone already have this problem ?
Regards
Pierre