Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Editable component doesn't allow backspace or most editing operations if initial content is empty. #20

Closed
tomconnors opened this issue May 3, 2023 · 2 comments

Comments

@tomconnors
Copy link

To reproduce this issue, change the code on the "advanced editor" demo page from

<svelte-editable-component>This is editable</svelte-editable-component>

to

<svelte-editable-component></svelte-editable-component>

Then try to edit the editable region. You'll find that you can't navigate backward with the left arrow key. If you look at the DOM, you'll see that the custom content is being added to the id="editable-component" element, rather than the span inside that element.

@sibiraj-s
Copy link
Owner

Try v1, several improvements were made to svelte renderer it should fix these, I tried that on my machine, this doesn't happen.

And, make sure the svelte-editable-component only has one contentenditable field. If there are any other blocks make sure to add contenteditable=false to it.

See #18 for more info.

Copy link

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs and link to relevant comments in the thread.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators May 11, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants