For the combo fields when we type text, based on our input the combo values are not getting filtered in IE 11. I need help on this to fix the issue
Hello @Divat,
Can you please provide a snippet of the issue? As far as I can see, it works as expected: Code Snippet
Hello @annazankevich I’m using the following function to add the combo field in the page.
function addCombo(label, id, options, props) {
let combo_ui = {};
const that = this;
try {
combo_ui = {
view: COMBO_FIELD,
label:label,
value: “”,
id: id,
name: id,
point: false,
css: “custom_combo”,
labelAlign: “right”,
labelWidth: 0,
minWidth: COMP_WIDTH_MIN,
on: {},
//maxWidth: COMP_WIDTH_MAX,
options: {
padding: 0,
point: false,
data: options ? options : [],
template: “#value#”,
body: {
template: function(obj){
return webix.template.escape(obj.value)
},
tooltip: {
template: function(item) {
return item.value;
}
},
on: {
‘onItemClick’: function(id){
this.itemClicked = true;
}
}
}
}
};
if (props) {
for (let prop in props) {
combo_ui[prop] = props[prop];
}
}
if (!combo_ui.on.onItemClick || (typeof combo_ui.on.onItemClick !== "function")) {
combo_ui.on.onItemClick = function () {
const values = this.getList().data.pull;
let width = 0;
let lettersCount = {
count: 0,
value: ""
};
for (var property in values) {
if (values[property].value && values[property].value.length > lettersCount.count) {
lettersCount.count = values[property].value.length;
lettersCount.value = values[property].value;
}
}
width = getMaxLengthInComboList(lettersCount.value, 28);
if (width > this.$width) {
let topParentWidth = this.getTopParentView().$width;
width = (width > topParentWidth) ? Math.floor(topParentWidth * 0.75) : width;
let nodeData = this.getNode().getBoundingClientRect();
let nodeLeftBorderCoord = nodeData.x;
let documentRightBorderCoord = document.body.getBoundingClientRect().width;
if (nodeLeftBorderCoord + width > documentRightBorderCoord) {
this.getPopup().show(this.getNode(), {x: documentRightBorderCoord - (nodeLeftBorderCoord + width) - 15});
}
this.getPopup().define("width", width);
this.getPopup().resize();
}
}
}
} catch (error) {
APP_LOG.error(error + "::addCombo method in common.js");
}
return combo_ui;
}
To add a combo field I will invoke the above function like below,
addCombo(“Reason”, “getReason”, null, {}),