cybersemics / em

A beautiful, minimalistic note-taking app for personal sensemaking.
Other
258 stars 88 forks source link

[iOS] Caret drifts during navigation #4

Open raineorshine opened 5 years ago

raineorshine commented 5 years ago

When navigating, the content is smoothly translated, but the caret drifts.

Current Behavior

On iOS, the caret drifts out of place during the animation.

Video 1: https://github.com/cybersemics/em/assets/750276/931e766d-291c-495b-83b7-bebde4625dcb

Video 2: https://youtu.be/Poo61duk41w

Expected Behavior

The browser cursor should stay in place (not move relative to its contenteditable).

There it is a bug in Safari and there is no fix, hide the caret during the transition (without removing the selection).

gitcoinbot commented 4 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


This issue now has a funding of 320.0 SAI (320.0 USD @ $1.0/SAI) attached to it as part of the cybersemics fund.

gitcoinbot commented 4 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


Work has been started.

These users each claimed they can complete the work by 1 week from now. Please review their action plans below:

1) mul1sh has been approved to start work.

I have alot of experience in css animations in react and hence can fix this issue ios in the next few days with constant feedback to the em team. Thanks

Learn more on the Gitcoin Issue Details page.

mul1sh commented 4 years ago

@raineorshine which version of iOS did you notice this issue/do the above recording?

Need to know, so i make sure its not a webkit bug and if it is, I workaround the bug. Thanks 🙂

raineorshine commented 4 years ago

iOS 13.1.3

mul1sh commented 4 years ago

@raineorshine thanks this seems to be a webkit bug, so trying a few workarounds till i fix it in the next few days.

raineorshine commented 4 years ago

Beautiful. Thanks for your effort!

gitcoinbot commented 4 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


Work for 320.0 SAI (320.0 USD @ $1.0/SAI) has been submitted by:

  1. @mul1sh

@raineorshine please take a look at the submitted work:


gitcoinbot commented 4 years ago

⚡️ A tip worth 40.00000 SAI (40.0 USD @ $1.0/SAI) has been granted to @mul1sh for this issue from @raineorshine. ⚡️

Nice work @mul1sh! Your tip has automatically been deposited in the ETH address we have on file.

gitcoinbot commented 4 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


This Bounty has been completed.

Additional Tips for this Bounty:


raineorshine commented 4 years ago

Waiting for fix to land in WebKit. https://github.com/cybersemics/em/pull/186#issuecomment-564214599