BUG: Unable to drop textable components into small text areas
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Chrome v100
Reproducible demo link
https://jsfiddle.net/ob0ajh67/
Describe the bug
How to reproduce the bug?
- Have a single line of text that has no additional sizing styles (such as padding or explicit height).
- Attempt to drag and drop a textable block into that text.
What is the expected behavior? The textable component should be dropped inside the text area at the cursor position.
What is the current behavior? The textable component is dropped outside of the text area.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
@artf I am also facing same issue. Any suggestions here?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4015
BUG: Drag and drop not working well in case of RTL
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link https://...
Issue #4592
BUG: Textable Component becomes Noneditable when dropped in a Text Block
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 104.0.5112.102 Reproducible demo link http...
Issue #4754
BUG: Closing `</script>` tag not escaped for script properties
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 107.0.5304.122 (64-bit) Rep...
Issue #4576
BUG: Clicking 'wrap for style' button affects the inner components of other components inside the same text box
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 104.0.5112.101 Reproducible demo link...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.