Details
-
Type:
Improvement
-
Status: Closed
-
Priority:
Major
-
Resolution: Fixed
-
Affects Version/s: EE-3.3.0.GA_P01
-
Fix Version/s: EE-3.3.0.GA_P02, 4.0
-
Component/s: ACE-Components
-
Labels:None
-
Environment:ace components IE10
-
Assignee Priority:P3
-
Salesforce Case Reference:
Description
in IE10 an input field will render with a little 'x' icon at the right side of the input field.
For ace:dataTable filter inputs, the x will clear the field but the dataTable will not reset to a blank filter value.
The javascript for the filter event (change) only listens for the following events:-
else if (this.cfg.filterEvent == "change")
this.element.on('keyup', this.filterSelector, function (event) {
var _event = event;
if (event.which == 8 || event.which == 13 || event.which > 40 || event.isTrigger) {
if (_self.delayedFilterCall)
....
note that all of these are for keyboard manipulation (keypress, backspace, etc).
might want to check the event 'oninput" as per this link:- http://stackoverflow.com/questions/14700466/attach-event-to-clear-icon-in-ie10-textbox
or more comprehensive apporach that will also include mobile devices (?).
For ace:dataTable filter inputs, the x will clear the field but the dataTable will not reset to a blank filter value.
The javascript for the filter event (change) only listens for the following events:-
else if (this.cfg.filterEvent == "change")
this.element.on('keyup', this.filterSelector, function (event) {
var _event = event;
if (event.which == 8 || event.which == 13 || event.which > 40 || event.isTrigger) {
if (_self.delayedFilterCall)
....
note that all of these are for keyboard manipulation (keypress, backspace, etc).
might want to check the event 'oninput" as per this link:- http://stackoverflow.com/questions/14700466/attach-event-to-clear-icon-in-ie10-textbox
or more comprehensive apporach that will also include mobile devices (?).
snap showing the icon rendered automatically by IE10