on Safari Autocompleter ch: @ in Chinese IME is not working

What is the current behavior? Describe the bug

I’m working on tinymce use Autocompleter when user input @ can show some quickly function such as insert ‘hr’. I test on Chrome is ok whenerver Chinese IME or English IME but in Safari, it is not working on Chinese IME

Please provide the steps to reproduce and if possible a minimal demo of the problem via [fiddle.tiny.cloud]

var specialChars = [
  { text: 'exclamation mark', value: '!' },
  { text: 'at', value: '@' },
  { text: 'hash', value: '#' },
  { text: 'dollars', value: '$' },
  { text: 'percent sign', value: '%' },
  { text: 'caret', value: '^' },
  { text: 'ampersand', value: '&' },
  { text: 'asterisk', value: '*' }
];

tinymce.init({
  selector: 'textarea#autocompleter',
  height: 250,
  setup: function (editor) {
    /* An autocompleter that allows you to insert special characters */
    editor.ui.registry.addAutocompleter('specialchars', {
      ch: '@',
      minChars: 0,
      columns: 'auto',
      fetch: function (pattern) {
        var matchedChars = specialChars.filter(function (char) {
          return char.text.indexOf(pattern) !== -1;
        });

        return new tinymce.util.Promise(function (resolve) {
          var results = matchedChars.map(function (char) {
            return {
              value: char.value,
              text: char.text,
              icon: char.value
            }
          });
          resolve(results);
        });
      },
      onAction: function (autocompleteApi, rng, value) {
        editor.selection.setRng(rng);
        editor.insertContent(value);
        autocompleteApi.hide();
      }
    });
  },
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});

What is the expected behavior?

• [√ ] Chrome is ok

• [ ×] Safari is not ok when Chinese IME

Which versions of TinyMCE, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE?

1. TinyMCE version:5.5.0
2. Safari version:14.0 (15610.1.28.1.9, 15610)

[lnewson]

Hi @roy2651, as you’ve mentioned Safari is not firing the keypress nor compositionend events, unlike every other browser. This is something we’ll need to address, but as a “hacky” workaround in the interim you could do something like this: https://fiddle.tiny.cloud/hxhaab. Anyways, I’ve logged this in our internal and we’ll let you know when a fix is available.

[zhoufenfens]

hi @lnewson this code works ok on Safari，but you know in Windows Chinese IME has some different IME，such as Microsoft pinyin so these can’t work on keypress

so I find in Autocompleter.ts I add some code such as

editor.on('keyup',function(e) {
     if(e.key === '@' || e.shiftKey && e.keyCode === 229 && e.code === 'Digit2') {
       load()
     }
})

you can send triggerChar to replace @

I glad to hear some progress on this issue

Sorry about my bad English

等进度太慢，我直接改了源码，压缩后的，很痛苦