In Japanese language, the “Today” and “Cancel” Buttons are not align in the same line when clicking the Calender icon

[vnathank]

The Code for the Calendar issue in Japanese language.

DateChooser chooser = new DateChooser();
DateItem dateField = new DateItem();
chooser.setTodayButtonTitle("今日");
chooser.setCancelButtonTitle("キャンセル");
chooser.setFiscalYearFieldTitle("年");
chooser.setWeekFieldTitle("週");

dateField.setRequired(true);
dateField.setEnforceDate(true);
dateField.setPickerProperties(chooser);
dateField.setTitleColSpan(2);
dateField.setWidth(180);
dateField.setShowTitle(true);
dateField.setWrapTitle(false);
dateField.setUseTextField(true);
dateField.setName("currentdate");
dateField.setTextAlign(Alignment.CENTER);
dateField.setShowErrorStyle(false);
dateField.setStartRow(true);
dateField.setLeft(50);

filterDynaForm.setItems(dateField);

Note: This issue is working fine in Firefox and it is not working in “Chrome” Browser.
chrome version: Version 64.0.3282.167

[Isomorphic]

What are you trying to point out here - that the cancel button is 1-2px taller than the OK button with your chosen text?

[Isomorphic]

Also, what skin is this, and can you reproduce the issue if you use the unmodified skin we provide, without any customizations or other CSS at all?

[vnathank]

Hi Isomorpic,
Yes, whatever your mentioned is correct , the "Cancel" button is 1-2px taller than the "Today" button with your chosen Japanese Language text.
Yes, we are able to reproduce this issue by using the above source code. Again I am attaching the Screen shot for the calender "Today" and "Cancel" Buttons in Japanese language. we are using "Enterprise Blue" skin in the sample project. we want to know the reason for the Alignment Issue that is existing only in Japanese Language.

[vnathank]

Hi Isomorphic,

we want to know ,Any solution updated for this Alignment issue in latest patched 6.1 build .

[Isomorphic]

This issue appears to be a Chrome-specific bug where certain Japanese characters cause heights to be reported wrongly.

As a workaround, you can set the DateChooser.todayButtonHeight property in load_skin.js to the necessary height to prevent the issue.

Regards
Isomorphic Software