No text-selection while editing time-fields in ListGrids

[SimonF]

Hi

we stepped over an issue editing time-fields in listgrids. We currently testing with SmartClient_v100p_2014-10-19_Pro. The issue appears to be in all tested browsers (firefox 32, chrome 37, IE11)

If you doubleclick on the first column the cursor is positioned in the text which is correct. If you are using tab to get to the next column, the text is correctly selected. After that the date is also correctly selected.
Then we have found one big issue, one displaying-firefox only bug and a minor nice to have-issue.

1. Tabbing to the next time-item. The text it is not selected.
2. Also in Firefox it seems that the text is positioned something outside the textfield, and the last digit is cut-off.
3. In addition if you tab next to the checkbox the user doesnt see where the selection is. It would be good to set the focus (the pointed border) to the checkbox so the user can see where the focus is, and not only assume he is in the last row.

You can reproduce the behavior if you paste the following code in this example

isc.ListGrid.create({
	"canEdit" : true,
	"width" : "100%",
	"height" : "100%",
	"fields" :
	[{
			"name" : "text1",
			"title" : "TextColumn1",
			"type" : "text"
		}, {
			"name" : "text2",
			"title" : "TextColumn2",
			"type" : "text"
		}, {
			"name" : "date1",
			"title" : "DateColumn",
			"type" : "date"
		}, {
			"name" : "time1",
			"title" : "TimeColumn1",
			"type" : "time"

		}, {
			"name" : "time2",
			"title" : "TimeColumn2",
			"type" : "time"
		}, {
			"name" : "checkbox1",
			"title" : "CheckboxColumn1",
			"type" : "boolean"
		}
	],
	"data" :
	[{
			"text1" : "Text1",
			"text2" : "Text2",
			"time2" : "19:03",
			"checkbox1" : true,
			"time1" : "08:11",
			"date1" : new Date(2014, 9, 10)
		}
	]
})

Best regards
Simon

[Isomorphic]

Hi Simon

We've addressed the issue with selection of text in TimeItems. Please get the next nightly build in the 10.0 or 10.1 branch to pick up the fix (dated Oct 21 or above).

We see the issue with the TimeItem text box width / clipping in Firefox but do not yet have a resolution. We'll let you know when this is fixed.

On the focus indication for the CheckboxItem - by default we rely on the native behavior which in most cases will show a dotted (or glowing, depending on your OS) focus outline when the user puts focus in the item.
If you want additional visual display, you could use a different 'focused' appearance. The "Simplicitly" skin demonstrates this (when focused the item will show a slight yellowish highlight within the text box)

Regards
Isomorphic Software

[SimonF]

thanks!

The main issue , that the text in a field-type time is now fixed in version SmartClient_v100p_2014-10-21_Pro.

The focus indication of checkboxes seems only to be an issue in firefox, IE and Chrome works. Therefore i don't think we need to adress this via our own style.

[Isomorphic]

We've now also made a change to address the problem with the text being slightly clipped (visible in Firefox). This change will show up in the next nightly builds( Oct 22 and above) on the 10.0 / 10.1 branches.

Regards
Isomorphic Software