Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Editable cell in table not working on Safari 5 on Ipad 1
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
I still have the same issue.
I am not able to have editable cell in a table on IOS 5.x
As this IOS is used for Ipad 2 and Ipad 3, I am not able to use this functionality.
Did someone already try to have editable cell on a system using IOS 5.x ?
Thanks in advance
Pierre