selectivity icon indicating copy to clipboard operation
selectivity copied to clipboard

IE11 Selectivity React

Open wiktor-obrebski opened this issue 6 years ago • 1 comments

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');

wiktor-obrebski avatar May 16 '18 15:05 wiktor-obrebski

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

glafarge avatar Jan 24 '19 16:01 glafarge