Mix Mode - Safari caret position after new tag

Question

Mix Mode - Safari caret position after new tag

matrixengine opened this issue 5 years ago · 17 comments

Hi,

In Safari for Mac, when adding a new tag, the cursor jumps to the start of the tag opposed to the end. This means when you start typing it actually types before the tag not after.

I don't mind doing a bit of self diag, but could you point me in the right direction? Might need some sort of timeout before re-positioning the cursor after the tag add function has completed.

--

It would also be great if you can add the option in mix mode of forcing a space after a tag when added. I know currently it adds a zero width space, but it would be of benefit to have a visual space to maintain formatting when tags are used within a sentence.

Thanks.

Answer 1 · 2019-10-11T19:09:17.000Z

Does this also happens in Chrome (Mac)?

A good place to start debugging is this method

Answer 2 · 2019-10-11T22:44:34.000Z

No, just safari :(

Answer 3 · 2019-10-14T09:35:15.000Z

Please try now with latest version: 2.31.0 and let me know

Answer 4 · 2019-12-12T08:42:55.000Z

This is unfortunately still an issue in Safari (on Mac). Works fine in Chrome.

Answer 5 · 2019-12-12T13:49:55.000Z

Just released version 3.0.0 so this should work. Try updating Tagify and check.

Also, added a new position setting for the dropdown, which should be very useful in mixed-mode.

set dropdown.position to text and the dropdown should appear next to the caret, while typing.

Answer 6 · 2019-12-13T15:39:13.000Z

Thanks @yairEO . Just tested it out. Unfortunately still an issue. Here is a video of the problem (in latest version of Safari): https://recordit.co/im73msH7Qo

And a gif version: http://g.recordit.co/im73msH7Qo.gif

Answer 7 · 2019-12-13T21:03:22.000Z

@yairEO if I open this JsBin in Safari and add some tags (using the @ symbol), every time the cursor is to the left of the tag:
https://jsbin.com/wokovon/edit?html,js,output

Answer 8 · 2019-12-14T23:42:08.000Z

You are using older version in your demo (pre v3), please clone this one

Also, I don't have a Mac to test Safari at the moment, it might take a few months to come by a Mac. I really hope that using v3 will work on your Safari

Answer 9 · 2019-12-19T16:44:12.000Z

Tested with Version 3.2.0. The caret problem also exists in Firefox (v71). Chrome works perfect.

Answer 10 · 2019-12-20T13:56:31.000Z

Tried your demo on FF v71 and it seems to work when selecting tags with the keyboard. The caret stays at the end.

But there is a completely different bug: when selecting a tag with the mouse, and that tag was the last one (no text after it) then nothing can be written in the input afterwards, regardless of focus.

Answer 11 · 2019-12-20T15:40:04.000Z

I have made a little change in the new 3.2.2 version, so you can try it now and report

Answer 12 · 2019-12-20T20:19:32.000Z

Thx for your changes. Still have the problem some times. See this fiddle:
https://jsfiddle.net/zdq5nck9/
After focus the field some times i got the caret after the last tag. Some times there is no caret.

Answer 13 · 2020-01-08T16:27:38.000Z

Hi @yairEO. I've just noticed that BrowserStack have a free plan for Open Source projects: https://www.browserstack.com/pricing (see bottom of page).

Would that be helpful for testing issues like this? Happy to help you apply for this if I can help in any way.

Answer 14 · 2020-01-25T20:16:52.000Z

Maybe now using tagify@3.3.0 ?

Answer 15 · 2020-06-03T18:17:56.000Z

This issue still exists with tagify v3.10.2 using Safari v13.1. The caret remains before the tag that was inserted using the whitelist dropdown.

Answer 16 · 2020-06-06T21:42:33.000Z

Ok, finnaly got to it and fixed it.
will release a new version tomorrow along with the fix!

Sorry for the long delay

Answer 17 · 2021-03-11T11:16:59.000Z

Hi Yair
still not working on Safari
did you find some bug about that issue ?
Thank you