hi all Experts
I had try to build a simple system via vaadin 25.2 and it’s somoothly deply to GCP
But for mobile devices looks got few problems
For DatePicker
I test in iPAD the DatePicker works perfect (Don’t know IPhone is ok or not )
But for android system the DatePicker looks not align the right side year and left side calendar.
Anyone has this kind of experience ? Or I need to post the screen here.
Hope the expert as you guys can help .
Thanks
Magmono
Is this happening only after deployment to GCP, or do you get the same behavior in development as well? If you are able to create a standalone example that reproduces the issue, I recommend creating a bug ticket in GitHub here: Issues · vaadin/flow-components · GitHub
Actually it looks the problems is cause by i18n
When I use “en” it works normal
but when I switch to zh TW the calendar mismatched
Anothe is EnhancedDateRangePicker in android problem as attached (both “en” & “zh” TW the same)
the coe as follows
DatePicker.DatePickerI18n i18n = new DatePicker.DatePickerI18n();
i18n.setDateFormat("yyyy-MM-dd");
// Prevent mobile alignment collapse by providing ALL required labels
i18n.setMonthNames(List.of("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"));
i18n.setWeekdays(List.of("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"));
i18n.setWeekdaysShort(List.of("日", "一", "二", "三", "四", "五", "六"));
i18n.setToday("今天");
i18n.setCancel("取消");
insuranceNo.setLabel(getTranslation("insurance.no"));
carNo.setLabel(getTranslation("insurance.car.no"));
startDate.setLabel(getTranslation("insurance.start.date"));
startDate.setLocale(Locale.TAIWAN);
startDate.setI18n(i18n);
endDate.setLabel(getTranslation("insurance.end.date"));
endDate.setLocale(Locale.TAIWAN);
endDate.setI18n(i18n);
startDate.getElement().executeJs(
"setTimeout(function() { $0.requestContentUpdate(); }, 100);",
startDate.getElement()
);
endDate.getElement().executeJs(
"setTimeout(function() { $0.requestContentUpdate(); }, 100);",
endDate.getElement()
);
Don’t know if it’s a bug or my mistake .
Thanks
Magmono
I’d say create a ticket in GitHub.
