selectivity
selectivity copied to clipboard
IE11 Selectivity React
I had problems with loading selectivity on IE11. I found that the reason is diacritics
plugin - it source have some characters that break IE11.
In built Selectivity code I found that this:
const selectivity = require('selectivity/react');
is just shortcut for:
require("./apis/react");
require("./dropdown");
require("./event-listener");
require("./inputs/email");
require("./inputs/multiple");
require("./inputs/single");
require("./locale");
require("./plugins/ajax");
require("./plugins/async");
require("./plugins/diacritics");
require("./plugins/keyboard");
require("./plugins/options-validator");
require("./plugins/react/templates");
require("./plugins/submenu");
require("./plugins/tokenizer");
require("./selectivity");
require("./templates");
module.exports=require("./selectivity");
So, the question is, do all these plugins are necessery for default Selectivity React component? I believe they are not. Especially if they break promised browser support.
For other who have the issue - you can just load needed plugins manually, for me it was:
require('selectivity/apis/react');
require('selectivity/inputs/multiple');
require('selectivity/inputs/single');
require('selectivity/plugins/react/templates');
require('selectivity/plugins/submenu');
require('selectivity/templates');
const Selectivity = require('selectivity/selectivity');
Same issue for me with jQuery API.
@psychowico solution works but another was to update the DIACRITICS
object with quoted keys like https://github.com/andrewrk/node-diacritics/ did :
https://github.com/dundalek/latinize/blob/cf888cf0120ef53d62bb8d0005813a7e30b56137/latinize.js#L24-L916