Comments (9)
I presume you are using Safari or Chrome. There is an issue with Webkit where you cannot focus the caret inside an empty text node: https://bugs.webkit.org/show_bug.cgi?id=15256. There are ugly hacks that can work around this, and I may consider adding one in the future (or if you'd like to write a patch, I will consider pull requests). However, really they need to fix this in Webkit. In the meantime, Opera and Firefox will work as expected (and I think IE9 does as well, but I can't remember and don't have access to it on the machine I'm using right now).
from squire.
Ah, sod it. I decided to fix this myself. Just grab the latest version.
from squire.
Thanks! Nice hack! ;)
from squire.
Just a comment related with this fix, when you set a new size for the font and type something the caret is before the first character then jumps to the second, it's a bit weird, is it possible to insert the cursor after the first character and avoid the jump? Thanks!
from squire.
I'm not entirely sure what you mean by that, but I've fixed a bug which could be what you're talking about. Try the latest version.
from squire.
tried the latest version but the problem is still there. Try to replicate it yourself:
1- Open your demo.html with Safari
2- Click on the contenteditable area and change the size of the font to 100px
3- Press a key, for example "a", you can see the caret before the "a" character (the correct position of the caret is after the "a" character, not before)
4- press another key, you see how the caret jumps the "a" character
Hope this helps!
from squire.
Works fine for me; Safari correctly puts the cursor after the A. Perhaps it's a bug in an older version of Safari? If so, there's not much I can do about it; run Software Update and check you have the latest version.
from squire.
Opss, sorry, you are right, this only happens in Mobile Safari on iPad (iOS 5.1).
It seems that Squire doesn't work very well in Mobile Safari, it has a very weird problem with Newline characters too.
from squire.
Mobile Safari currently has severe bugs with rich text editing. I can't work around these; for now I recommend not enabling rich text editing but falling back to plain text on iOS devices instead. Hopefully the bugs will be fixed in iOS6.
from squire.
Related Issues (20)
- Moving the editor causes a partial breakage of functionality HOT 3
- User controlled markup vs programatically generated markup HOT 1
- Regarding inline text formatting
- The purpose of the `while` loop in the `fixCursor` function is unclear
- Lists are not created automatically on Chrome Android
- Cursor position bug after link('a' element) paste in Firefox
- Missing DOMPurify import HOT 1
- willPaste event cannot be prevented HOT 2
- Region-specific key handlers HOT 2
- Redo shortcut ("Ctrl-Shift-Z") does not work
- Can not make list for Chinese characters entered via input method on safari HOT 1
- The caret displays in a wrong position on safari HOT 1
- Wrong format after pasted some plain text at the end of formatted text
- getFontInfo returns undefined for fontFamily and fontSize when they are both set on the same selection
- Html gets reformatted on Undo
- Property 'append' does not exist on type 'Node'. HOT 1
- Applying formatting to a selection with at least one formatting set won't fire `pathChange` event HOT 4
- No API function to test for alignment HOT 1
- Collaborative editor HOT 3
- Backspace removes the whole paragraph
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from squire.